MCPを使ってClaude Codeにエージェント機能を追加する方法

MCPを通じてClaude Codeに画像生成、動画作成、Web検索、クラウドストレージ機能を追加。MCPサーバー設定のステップバイステップガイドとAnyCap一発コマンドの高速パスを解説。

by AnyCap

AIエージェントがMCPプロトコルを通じて複数の機能サーバーに接続している


Claude Codeは強力なターミナルベースのコーディングエージェントですが、デフォルトではファイルの編集、シェルコマンドの実行、Gitの管理しかできません。画像の生成、Web検索、動画の作成、クラウドへのファイル保存はできません。MCP(Model Context Protocol)がこれを変えます。

MCPは、AIエージェントが外部ツールと接続するためのオープンスタンダードです。Claude CodeはMCPをネイティブでサポートしています。サーバーを設定するだけで、Claudeが直接呼び出せるようになります――コピー&ペースト不要、ブラウザのタブ切り替え不要、コンテキストの切り替えも不要です。

このガイドでは2つのパスを解説します:手動でのMCP設定(個別サーバー向け)と、AnyCap高速パス(エージェントが必要なすべての機能を1つのCLIで)です。Claude Codeをまだインストールしていない方は、Claude Codeインストールガイドからお始めください。


Claude Codeができないこと(そしてMCPが解決すること)

機能 MCPなし MCPあり
画像生成 Claudeに依頼し、プロンプトを別ツールにコピー Claudeが画像生成サーバーを直接呼び出す
Web検索 ブラウザを開いて手動検索 ClaudeがライブWeb検索APIを照会
動画作成 別の動画ツールを使用 Claudeがテキストや画像から動画を生成
クラウドストレージ ローカルファイルのみ Claudeがアップロード・共有・取得
コンテンツ公開 手動デプロイ ClaudeがPublishing MCPでデプロイ
データベース照会 手動SQL ClaudeがPostgres、Supabaseなどを照会
GitHub自動化 gh CLIを手動使用 ClaudeがPR作成・コードレビュー・Issue管理

「MCPなし」の列はすべてワークフローの中断を意味します。「MCPあり」の列はClaudeが作業を行い、あなたは集中できることを意味します。


パス1:手動MCP設定

MCPの仕組み

MCPサーバーはJSON-RPCインターフェースを通じてツールを公開します。Claudeは2つのトランスポート方法で接続します:

  • stdio — ローカルプロセス通信。サーバーが自分のマシンで動作します。Claude Desktopが主にこれを使用します。
  • HTTP/SSE — リモートサーバー通信。Claude CodeとClaude Webがクラウドホスト型サーバーに対してこれをサポートします。

Claude Codeにサーバーを追加する

インタラクティブ(stdioサーバー):

# GitHubサーバー
claude mcp add github -- npx -y @modelcontextprotocol/server-github

# Brave Search
claude mcp add brave-search -- npx -y @modelcontextprotocol/server-brave-search

# Postgres
claude mcp add postgres -- npx -y @modelcontextprotocol/server-postgres

インタラクティブ(HTTPサーバー):

claude mcp add --transport http my-server https://my-mcp-server.com/mcp

プロジェクトレベルの設定(.mcp.json):

チーム全体で一貫性を保つには、プロジェクトルートの .mcp.json にMCPサーバーを定義します:

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_TOKEN": "ghp_your_token_here"
      }
    },
    "postgres": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-postgres"],
      "env": {
        "DATABASE_URL": "postgresql://localhost/mydb"
      }
    }
  }
}

このファイルをコミットすれば、チーム全員が同じMCPサーバーを自動的に取得できます。

Claude Desktopにサーバーを追加する

Claude Desktopは claude_desktop_config.json から読み込みます:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": { "GITHUB_TOKEN": "ghp_your_token" }
    }
  }
}

保存したら、Claude Desktopを完全に終了し(ウィンドウを閉じるだけでなく)、再起動してください。

サーバーの管理

# 設定済みサーバーを一覧表示
claude mcp list

# 特定のサーバーのツールを確認
claude mcp get github

# サーバーを削除
claude mcp remove github

パス2:AnyCap高速パス(推奨)

個別のMCPサーバーを設定することは可能ですが、機能ごとに別々のAPIキー、トークン、設定ファイルを管理する必要があります。画像生成には1つのサーバー。Web検索には別のサーバー。動画生成にはさらに別のサーバー。クラウドストレージには4つ目のサーバーが必要です。

AnyCap はたった1つのコマンドですべてを提供します:

npx -y skills add anycap-ai/anycap -a claude-code

取得できる機能

機能 MCPサーバー Claudeが今できること
画像生成 Nano Banana 2、Seedream 4.5 テキストから画像を作成、既存画像の編集、ヒーローバナーや製品モックアップの生成
動画生成 Veo 3.1、Seedance 1.5 Pro テキスト説明または静止画から動画を制作
Web検索 Brave、Exa、Firecrawl ライブインターネット検索、Webサイトのクロール、構造化データの抽出
クラウドストレージ AnyCap Drive ファイルのアップロード、共有リンクの生成、保存済みアセットの取得
Web公開 AnyCap Page コンテンツをホスト型Webページとしてデプロイ

1つのCLI。1回の認証フロー。すべての機能。 anycap login を1回実行すれば、すべてのMCPサーバーが認証されます。Claude Codeと他のコーディングツールとの比較は、Claude Code vs Cursor比較をご覧ください。

内部の仕組み

AnyCap はエージェント機能ランタイムです。Claude Codeにインストールすると:

  1. AnyCap CLIがMCPクライアントとして登録され、Claude Codeが利用可能なツールを自動的に発見する
  2. 各機能がプロダクションMCPサーバーにマッピングされる――画像生成、動画、検索、ストレージはそれぞれ専用インフラで動作
  3. 認証が一元化される――anycap login 1回ですべてのサーバーへのアクセスが設定される
  4. ツールがClaudeのコンテキストに表示される――画像を生成したりWebを検索したりするよう指示すると、適切なサーバーを呼び出す

例:エンドツーエンドのワークフロー

ランディングページを作成しているとします。MCPがなければ、Claude Code、別の画像ツール、調査用のブラウザ、ファイル共有サービスを行き来する必要があります。AnyCap があれば:

あなた:「ダークテーマとグラデーションアクセントを使ったSaaSランディングページ用のヒーロー画像を生成して」

Claude:[AnyCap画像生成MCPサーバーを呼び出す]
       生成されたヒーロー画像はこちらです。

あなた:「競合SaaSツールの最新価格を検索して」

Claude:[AnyCap Web検索MCPサーバーを呼び出す]
       現在のデータによると:ツールAは月額$29、ツールBは月額$49です。

あなた:「ヒーロー画像をクラウドストレージにアップロードして共有リンクを教えて」

Claude:[AnyCap Drive MCPサーバーを呼び出す]
       アップロードしました。共有リンク:https://drive.anycap.ai/abc123

1つの会話で完結します。ツールの切り替えなし。コピー&ペーストなし。


MCPのトークンコスト管理

接続するMCPサーバーはそれぞれ、ツール定義をClaudeのコンテキストウィンドウに公開します。これはトークンを――目に見えないながらも相当な量――消費します:

サーバー数 ツール数 使用コンテキスト 影響
3〜5個 約15〜25個 2〜4% 最小限
8〜10個 約40〜60個 8〜15% 顕著
15個以上 約80個以上 15〜30% 大きい――セッション品質が低下する可能性あり

ベストプラクティス: まず日常的に使う機能から始めましょう。AnyCap の設計はツール定義をコンパクトに保ちます――サーバーをまたいだ断片的なツールリストではなく、統一されたツールサーフェスを提供します。完全なトークン管理戦略については、Claude Codeレート制限ガイドをご覧ください。


MCP設定のトラブルシューティング

問題 考えられる原因 解決策
サーバーが表示されない 設定ファイルが読み込まれていない ホストアプリケーションを完全に終了して再起動
「接続が閉じられました」 Node.jsのバージョン不一致 nvmを使用:nvm install 22 && nvm use 22
ツールが「無効」と表示される サーバー間でツール名が競合 重複または競合するツール名を確認
認証に失敗 APIキーまたはトークンの有効期限切れ 認証情報を確認;必要に応じて再生成
最初の呼び出しがハング リバースプロキシのタイムアウト proxy_read_timeout を増やす;SSEバッファリングを無効化

手動デバッグに時間をかける前に claude doctor を実行してください――ほとんどの設定問題を自動検出します。


AnyCap で始める(30秒)

手動MCPパスは強力で柔軟です。AnyCap パスは高速で統一されています:

# 1コマンド、1回のログイン、すべての機能
npx -y skills add anycap-ai/anycap -a claude-code
anycap login

その後、Claudeに画像の生成、Web検索、ファイルの保存を依頼するだけで動作します。サーバーごとの設定不要。プロバイダーをまたいだトークン管理不要。コンテキストの切り替えも不要です。

Claude Code は完全なマルチモーダルエージェントになります――単なるコーディングアシスタントではなく、見て、作って、検索して、公開できるツールです。


関連記事