Claude の設定

Claude Desktop には、コーディングエージェント Claude Code が Code タブ として組み込まれています。WEEGLOO MCP サーバーは、この Code タブを通じて接続して使います。この接続により、Code タブのエージェントが Content TypeContentMedia といったリソースを直接作成・読み取り・編集できるようになります。インストールツールは MCP サーバーとあわせて Skills と Rules もインストールし、Code タブのエージェントが WEEGLOO API を意図したとおりに使えるよう手助けします。Skills は特定の作業をうまく実行する方法をまとめたガイドで、Rules は作業全体で守るべきルールです。インストールツールで一度に設定し、claude/mcp で認証を済ませれば、Code タブですぐに使えます。

MCP サーバーと Skills、Rules についての詳細は、それぞれ MCPSkills と Rules のページで扱います。このページでは Claude Desktop の Code タブに接続する方法だけを扱います。

Claude Desktop の Code タブは Claude Code で動作します。WEEGLOO も Code タブを通じて、Claude Code と同じ MCP・Skills・Rules 設定で接続されます。ターミナルで claude コマンドを実行できるよう、Claude Code がインストールされている必要があります。まだない場合は Claude Code のインストール手順 を参照してください。

事前準備

以下のインストールコマンドを実行するには Node.js が必要です。まず、次のコマンドでインストールされているか、バージョンが 18 以上かを確認してください。

ターミナル
node --version # v18 以降なら OK npx --version # バージョンが表示されれば OK

Node.js はインストールされているのに npx がインストールされていない場合は、以下のコマンドで npm を最新バージョンに更新してください。npm を更新すると npx も一緒にインストールされます。

ターミナル
npm install -g npm@latest

Node.js がインストールされていない場合、またはバージョンが古い場合は、使用しているオペレーティングシステムに合った方法で Node.js をインストールしてください。

ターミナル
brew install node

Homebrew がない場合は、まず brew.sh からインストールするか、nodejs.org から Node.js を直接ダウンロードしてください。

ターミナル
winget install OpenJS.NodeJS.LTS

winget がインストールされていない、または認識されない場合は、nodejs.org から LTS インストーラーをダウンロードしてください。インストール後は、ターミナルを新しく開く必要があります。

ディストリビューションのパッケージは古い場合があるため、多くのディストリビューションで使える nvm でのインストールをおすすめします。

ターミナル
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.5/install.sh | bash source ~/.bashrc nvm install --lts

インストーラーを直接入手する場合は、nodejs.org を確認してください。

接続する

基本インストールは、このページのインストールコマンドをコピーして、ターミナルで一度実行するだけです。インストール手順を段階ごとに自分で選びたい場合は、カスタムインストール を開いてください。

インストール場所
1

MCP・Skills をインストール

インストールコマンドをコピーして、ターミナルで実行してください。

ターミナル
$ npx weegloo@latest -y \ --agent claude \ --token <Personal Access Token>
2

MCP を認証

以下の順序で認証してください。

この手順には Claude Code CLI(claude)が必要です。まだない場合は Claude Code をインストールしてください。

  1. ターミナルで Claude Code を実行します。

    ターミナル
    claude
  2. /mcp を入力して MCP サーバー管理画面を開きます。

    ターミナル
    /mcp
  3. 一覧から weegloo を選びます。needs authentication の状態で表示されます。

    ターミナル
    Manage MCP servers > weegloo · ∆ needs authentication weegloo-upload · √ connected
  4. 接続先が https://ai.weegloo.com/mcp であることを確認し、Authenticate を選びます。

    ターミナル
    Weegloo MCP Server Status: ∆ needs authentication URL: https://ai.weegloo.com/mcp > 1. Authenticate 2. Disable
  5. Authenticate を選ぶと、ブラウザに以下のような WEEGLOO 認証ページが開きます。トークンをコピー ボタンでトークンをコピーして貼り付け、サーバーに接続 を押します。weeglooconnected に変われば完了です。

    WEEGLOO 認証画面

1

MCP・Skills をインストール

インストールコマンドをコピーして、ターミナルで実行してください。必ず連携するプロジェクトフォルダの中で実行してください。

ターミナル
$ npx weegloo@latest -y \ --agent claude \ --location project \ --token <Personal Access Token>
2

MCP を認証

以下の順序で認証してください。

この手順には Claude Code CLI(claude)が必要です。まだない場合は Claude Code をインストールしてください。

  1. ターミナルで Claude Code を実行します。必ず連携するプロジェクトフォルダの中で実行してください。

    ターミナル
    claude
  2. 初めて実行すると、新しい MCP サーバーを有効にするか尋ねられることがあります。その場合は weeglooweegloo-upload がチェックされている状態であることを確認し、Enter を押して送信します。

    ターミナル
    New MCP servers found in .mcp.json Select any you wish to enable. > [√] weegloo [√] weegloo-upload
  3. /mcp を入力して MCP サーバー管理画面を開きます。

    ターミナル
    /mcp
  4. 一覧から weegloo を選びます。needs authentication の状態で表示されます。

    ターミナル
    Manage MCP servers > weegloo · ∆ needs authentication weegloo-upload · √ connected

    一覧にサーバーが表示されない場合: 一覧に weeglooweegloo-upload が表示されない場合は、手順 2 の有効化画面で送信しなかったか、無効になっている可能性があります。Claude Code を終了したあと、以下のコマンドをターミナルに入力し、再度 claude を実行してください。手順 2 と同じ画面が再び表示されたら、weeglooweegloo-upload がチェックされた状態で Enter を押して送信してください。

    ターミナル
    claude mcp reset-project-choices
  5. 接続先が https://ai.weegloo.com/mcp であることを確認し、Authenticate を選びます。

    ターミナル
    Weegloo MCP Server Status: ∆ needs authentication URL: https://ai.weegloo.com/mcp > 1. Authenticate 2. Disable
  6. Authenticate を選ぶと、ブラウザに以下のような WEEGLOO 認証ページが開きます。トークンをコピー ボタンでトークンをコピーして貼り付け、サーバーに接続 を押します。weeglooconnected に変われば完了です。

    WEEGLOO 認証画面

npx weegloo を対話形式で実行し、尋ねられる項目を自分で選びながらインストールします。

インストール場所
1

インストールツールを実行する

ターミナルで以下のコマンドを実行し、尋ねられる項目を順に選びます。トークンを尋ねられる箇所では、下の トークンをコピー ボタンでトークンをコピーして貼り付けます。

ターミナル
npx weegloo@latest
ターミナル
✔ Select your IDE: Claude Code ✔ What would you like to install? MCP server, Skills and Rules ✔ Enter your Weegloo Personal Access Token: **** ← コピーしたトークン ✔ Select the MCP server group: default ✔ Where would you like to install the configuration? Global … ✔ Installation complete!
2

MCP を認証

以下の順序で認証してください。

この手順には Claude Code CLI(claude)が必要です。まだない場合は Claude Code をインストールしてください。

  1. ターミナルで Claude Code を実行します。

    ターミナル
    claude
  2. /mcp を入力して MCP サーバー管理画面を開きます。

    ターミナル
    /mcp
  3. 一覧から weegloo を選びます。needs authentication の状態で表示されます。

    ターミナル
    Manage MCP servers > weegloo · ∆ needs authentication weegloo-upload · √ connected
  4. 接続先が https://ai.weegloo.com/mcp であることを確認し、Authenticate を選びます。

    ターミナル
    Weegloo MCP Server Status: ∆ needs authentication URL: https://ai.weegloo.com/mcp > 1. Authenticate 2. Disable
  5. Authenticate を選ぶと、ブラウザに以下のような WEEGLOO 認証ページが開きます。トークンをコピー ボタンでトークンをコピーして貼り付け、サーバーに接続 を押します。weeglooconnected に変われば完了です。

    WEEGLOO 認証画面

1

インストールツールを実行する

連携するプロジェクトフォルダに移動したあと、そのフォルダで以下のコマンドを実行し、尋ねられる項目を順に選びます。トークンを尋ねられる箇所では、下の トークンをコピー ボタンでトークンをコピーして貼り付けます。必ずそのプロジェクトフォルダの中で実行してください。

ターミナル
npx weegloo@latest
ターミナル
✔ Select your IDE: Claude Code ✔ What would you like to install? MCP server, Skills and Rules ✔ Enter your Weegloo Personal Access Token: **** ← コピーしたトークン ✔ Select the MCP server group: default ✔ Where would you like to install the configuration? Project … ✔ Installation complete!
2

MCP を認証

以下の順序で認証してください。

この手順には Claude Code CLI(claude)が必要です。まだない場合は Claude Code をインストールしてください。

  1. ターミナルで Claude Code を実行します。必ず連携するプロジェクトフォルダの中で実行してください。

    ターミナル
    claude
  2. 初めて実行すると、新しい MCP サーバーを有効にするか尋ねられることがあります。その場合は weeglooweegloo-upload がチェックされている状態であることを確認し、Enter を押して送信します。

    ターミナル
    New MCP servers found in .mcp.json Select any you wish to enable. > [√] weegloo [√] weegloo-upload
  3. /mcp を入力して MCP サーバー管理画面を開きます。

    ターミナル
    /mcp
  4. 一覧から weegloo を選びます。needs authentication の状態で表示されます。

    ターミナル
    Manage MCP servers > weegloo · ∆ needs authentication weegloo-upload · √ connected

    一覧にサーバーが表示されない場合: 一覧に weeglooweegloo-upload が表示されない場合は、手順 2 の有効化画面で送信しなかったか、無効になっている可能性があります。Claude Code を終了したあと、以下のコマンドをターミナルに入力し、再度 claude を実行してください。手順 2 と同じ画面が再び表示されたら、weeglooweegloo-upload がチェックされた状態で Enter を押して送信してください。

    ターミナル
    claude mcp reset-project-choices
  5. 接続先が https://ai.weegloo.com/mcp であることを確認し、Authenticate を選びます。

    ターミナル
    Weegloo MCP Server Status: ∆ needs authentication URL: https://ai.weegloo.com/mcp > 1. Authenticate 2. Disable
  6. Authenticate を選ぶと、ブラウザに以下のような WEEGLOO 認証ページが開きます。トークンをコピー ボタンでトークンをコピーして貼り付け、サーバーに接続 を押します。weeglooconnected に変われば完了です。

    WEEGLOO 認証画面

MCP サーバー設定ファイル

Code タブは Claude Code の MCP・Skills・Rules 設定をそのまま使います。そのため、接続したサーバーは Claude Desktop のコネクター・プラグイン・MCP 画面には表示されず、Code タブでのみ使えます。インストールされたサーバーを確認するには、ターミナルで claude を実行し、/mcp を入力してください。下の .mcp.json もインストールツールが自動的に作成・管理するため、直接開くことはほとんどありません。以下の設定内容は、具体的な設定ファイルの構造やパスが必要なユーザー向けの参考資料です。

weegloo サーバーは HTTP 方式で https://ai.weegloo.com/mcp に接続し、ファイルを扱う weegloo-upload サーバーは npx で実行され、認証に Personal Access Token を使います。

{
  "mcpServers": {
    "weegloo": {
      "type": "http",
      "url": "https://ai.weegloo.com/mcp"
    },
    "weegloo-upload": {
      "command": "npx",
      "args": ["-y", "weegloo-upload"],
      "env": {
        "UPLOAD_API_URL": "https://upload.weegloo.com/v1",
        "AUTH_BEARER_TOKEN": "<Personal Access Token>"
      }
    }
  }
}

サーバーグループを変更するには、weegloo サーバーの url の末尾に group の値を付けます。たとえばすべてのツールを使うには https://ai.weegloo.com/mcp?group=all と書きます。グループごとのツール構成は MCP サーバーグループ を参照してください。

Skills

Claude Code は Skills を標準機能としてサポートしています。インストールツールは各 Skill を 1 つのディレクトリとして構成して配置します。グローバルインストールでは ~/.claude/skills/、プロジェクトインストールではプロジェクトフォルダの .claude/skills/ を使います。

Rules

Claude Code は Rules を標準機能としてサポートしています。インストールツールは各ルールを 1 つの .md ファイルとして構成して配置します。グローバルインストールでは ~/.claude/rules/、プロジェクトインストールではプロジェクトフォルダの .claude/rules/ を使います。

次にすること

  • MCP: サーバーグループやファイルアップロードサーバーなど、接続の土台となる内容を扱います。
  • Skills と Rules: インストールツールが一緒にインストールする Skills と Rules が何かを扱います。
  • AI で静的ページを移行する: 接続した MCP で実際のページをコンテンツベースのサービスへ移す流れをたどります。