renCosta2025-context7fork

Smithery を介して、任意のクライアントに Context7 MCP Server を自動インストールするには：

npx -y @smithery/cli@latest install @upstash/context7-mcp --client <CLIENT_NAME> --key <YOUR_SMITHERY_KEY>

Smithery キーは、Smithery.ai のウェブページで確認できます。

Settings -> Cursor Settings -> MCP -> Add new global MCP server に移動します。

次の設定を Cursor の ~/.cursor/mcp.json ファイルに貼り付ける方法を推奨します。プロジェクトフォルダーに .cursor/mcp.json を作成して、特定のプロジェクトにインストールすることもできます。詳細は Cursor MCP のドキュメントを参照してください。

Cursor 1.0 以降では、下のインストールボタンをクリックすると、ワンクリックですぐにインストールできます。

Cursor リモートサーバー接続

{
  "mcpServers": {
    "context7": {
      "url": "https://mcp.context7.com/mcp",
      "headers": {
        "CONTEXT7_API_KEY": "YOUR_API_KEY"
      }
    }
  }
}

Cursor ローカルサーバー接続

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

このコマンドを実行します。詳細は Claude Code MCP のドキュメントを参照してください。

Claude Code リモートサーバー接続

claude mcp add --transport http context7 https://mcp.context7.com/mcp --header "CONTEXT7_API_KEY: YOUR_API_KEY"

Claude Code ローカルサーバー接続

claude mcp add context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY

これを Windsurf MCP 設定ファイルに追加します。詳細は Windsurf MCP のドキュメントを参照してください。

Windsurf リモートサーバー接続

{
  "mcpServers": {
    "context7": {
      "serverUrl": "https://mcp.context7.com/mcp",
      "headers": {
        "CONTEXT7_API_KEY": "YOUR_API_KEY"
      }
    }
  }
}

Windsurf ローカルサーバー接続

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

これを VS Code MCP 設定ファイルに追加します。詳細は VS Code MCP のドキュメントを参照してください。

VS Code リモートサーバー接続

"mcp": {
  "servers": {
    "context7": {
      "type": "http",
      "url": "https://mcp.context7.com/mcp",
      "headers": {
        "CONTEXT7_API_KEY": "YOUR_API_KEY"
      }
    }
  }
}

VS Code ローカルサーバー接続

"mcp": {
  "servers": {
    "context7": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

以下の手順に従うと、Cline MCP Server Marketplace から Context7 を簡単にインストールできます。

1. Cline を開きます。
2. ハンバーガーメニューアイコン（☰）をクリックして、MCP Servers セクションに移動します。
3. Marketplace タブの検索バーで Context7 を検索します。
4. Install ボタンをクリックします。

または、MCP サーバーの設定を直接編集することもできます。

1. Cline を開きます。
2. ハンバーガーメニューアイコン（☰）をクリックして、MCP Servers セクションに移動します。
3. Remote Servers タブを選択します。
4. Edit Configuration ボタンをクリックします。
5. mcpServers に context7 を追加します。

{
  "mcpServers": {
    "context7": {
      "url": "https://mcp.context7.com/mcp",
      "type": "streamableHttp",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

Zed Extensions からインストールするか、Zed の settings.json に以下を追加できます。詳しくは、Zed Context Server docs をご覧ください。

{
  "context_servers": {
    "Context7": {
      "command": {
        "path": "npx",
        "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
      },
      "settings": {}
    }
  }
}

Augment Code で Context7 MCP を設定するには、グラフィカルインターフェイスまたは手動設定を使用できます。

A. Augment Code UI を使用する

1. ハンバーガーメニューをクリックします。

2. Settings を選択します。

3. Tools セクションに移動します。

4. + Add MCP ボタンをクリックします。

5. 以下のコマンドを入力します。

   npx -y @upstash/context7-mcp@latest
   

6. MCP の名前を Context7 にします。

7. Add ボタンをクリックします。

MCP サーバーを追加すると、Augment Code 内で Context7 の最新のコードドキュメント機能を直接利用できるようになります。

B. 手動設定

1. Cmd/Ctrl Shift P を押すか、Augment パネルのハンバーガーメニューを開きます。
2. Edit Settings を選択します。
3. Advanced の下にある Edit in settings.json をクリックします。
4. augment.advanced オブジェクトの mcpServers 配列にサーバー設定を追加します。

"augment.advanced": {
  "mcpServers": [
    {
      "name": "context7",
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  ]
}

MCP サーバーを追加したら、エディターを再起動してください。エラーが発生した場合は、閉じ括弧やカンマが不足していないか、構文を確認してください。

これを Roo Code の MCP 設定ファイルに追加します。詳しくは、Roo Code MCP docs をご覧ください。

Roo Code リモートサーバー接続

{
  "mcpServers": {
    "context7": {
      "type": "streamable-http",
      "url": "https://mcp.context7.com/mcp",
      "headers": {
        "CONTEXT7_API_KEY": "YOUR_API_KEY"
      }
    }
  }
}

Roo Code ローカルサーバー接続

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

詳しくは、Gemini CLI Configuration をご覧ください。

1. Gemini CLI の設定ファイルを開きます。場所は ~/.gemini/settings.json です（~ はホームディレクトリを表します）。
2. settings.json ファイル内の mcpServers オブジェクトに、以下を追加します。

{
  "mcpServers": {
    "context7": {
      "httpUrl": "https://mcp.context7.com/mcp",
      "headers": {
        "CONTEXT7_API_KEY": "YOUR_API_KEY",
        "Accept": "application/json, text/event-stream"
      }
    }
  }
}

または、ローカルサーバーの場合：

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

mcpServers オブジェクトが存在しない場合は、作成してください。

リモートサーバー接続

Claude Desktop を開き、Settings > Connectors > Add Custom Connector に移動します。名前に Context7、リモート MCP サーバーの URL に https://mcp.context7.com/mcp を入力します。

ローカルサーバー接続

Claude Desktop の開発者設定を開き、claude_desktop_config.json ファイルを編集して以下の設定を追加します。詳しくは、Claude Desktop MCP docs をご覧ください。

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

これを Opencode の設定ファイルに追加します。詳しくは、Opencode MCP docs をご覧ください。

Opencode リモートサーバー接続

"mcp": {
  "context7": {
    "type": "remote",
    "url": "https://mcp.context7.com/mcp",
    "headers": {
      "CONTEXT7_API_KEY": "YOUR_API_KEY"
    },
    "enabled": true
  }
}

Opencode ローカルサーバー接続

{
  "mcp": {
    "context7": {
      "type": "local",
      "command": ["npx", "-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"],
      "enabled": true
    }
  }
}

詳しくはOpenAI Codexをご覧ください。

OpenAI Codex の MCP サーバー設定に、次の設定を追加します。

[mcp_servers.context7]
args = ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
command = "npx"

⚠️ Windows に関する注意

Windows では、デフォルト設定でリクエストがタイムアウトするエラーが発生する場合があります。 その場合は、Node.js とインストール済みパッケージへのフルパスを指定して、MCP サーバーを明示的に設定してください。

[mcp_servers.context7]
command = "C:\\Program Files\\nodejs\\node.exe"
args = [
  "C:\\Users\\yourname\\AppData\\Roaming\\npm\\node_modules\\@upstash\\context7-mcp\\dist\\index.js",
  "--transport",
  "stdio",
  "--api-key",
  "YOUR_API_KEY"
]

または、次の設定を使用できます。

[mcp_servers.context7]
command = "cmd"
args = [
    "/c",
    "npx",
    "-y",
    "@upstash/context7-mcp",
    "--api-key",
    "YOUR_API_KEY"
]
env = { SystemRoot="C:\\Windows" }
startup_timeout_ms = 20_000

これにより、Codex CLI が Windows で安定して動作します。

詳しくはJetBrains AI Assistant のドキュメントをご覧ください。

1. JetBrains IDE で、Settings -> Tools -> AI Assistant -> Model Context Protocol (MCP) に移動します
2. + Add をクリックします。
3. ダイアログの左上にある Command をクリックし、一覧から As JSON オプションを選択します
4. この設定を追加し、OK をクリックします

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

5. Apply をクリックして変更を保存します。
6. 同様に、Settings -> Tools -> Junie -> MCP Settings で、JetBrains Junie に context7 を追加できます

詳しくはKiro Model Context Protocol のドキュメントをご覧ください。

1. Kiro > MCP Servers に移動します
2. + Add ボタンをクリックして、新しい MCP サーバーを追加します。
3. 以下の設定を貼り付けます。

{
  "mcpServers": {
    "Context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"],
      "env": {},
      "disabled": false,
      "autoApprove": []
    }
  }
}

4. Save をクリックして変更を適用します。

「手動で追加」機能を使用し、その MCP サーバーの JSON 設定情報を入力します。 詳しくはTrae のドキュメントをご覧ください。

Trae リモートサーバー接続

{
  "mcpServers": {
    "context7": {
      "url": "https://mcp.context7.com/mcp"
    }
  }
}

Trae ローカルサーバー接続

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

これらの代替手段を使うと、別のランタイムでローカル Context7 MCP サーバーを実行できます。これらの例は、コマンドと引数を指定してローカル MCP サーバーを起動できるすべてのクライアントで使用できます。

Bun

{
  "mcpServers": {
    "context7": {
      "command": "bunx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

Deno

{
  "mcpServers": {
    "context7": {
      "command": "deno",
      "args": [
        "run",
        "--allow-env=NO_DEPRECATION,TRACE_DEPRECATION",
        "--allow-net",
        "npm:@upstash/context7-mcp"
      ]
    }
  }
}

MCP サーバーを Docker コンテナで実行する場合は、次の手順に従ってください。

1. Docker イメージをビルドする：

   まず、プロジェクトのルート（または任意の場所）に Dockerfile を作成します。

   クリックして Dockerfile の内容を表示

   FROM node:18-alpine
   
   WORKDIR /app
   
   # Install the latest version globally
   RUN npm install -g @upstash/context7-mcp
   
   # Expose default port if needed (optional, depends on MCP client interaction)
   # EXPOSE 3000
   
   # Default command to run the server
   CMD ["context7-mcp"]
   

   次に、タグ（例：context7-mcp）を指定してイメージをビルドします。Docker Desktop（または Docker デーモン）が起動していることを確認してください。 Dockerfile を保存したディレクトリで、次のコマンドを実行します。

   docker build -t context7-mcp .
   

2. MCP クライアントを設定する：

   Docker コマンドを使用するよう、MCP クライアントの設定を更新します。

   cline_mcp_settings.json の例：

   {
     "mcpServers": {
       "Сontext7": {
         "autoApprove": [],
         "disabled": false,
         "timeout": 60,
         "command": "docker",
         "args": ["run", "-i", "--rm", "context7-mcp"],
         "transportType": "stdio"
       }
     }
   }
   

   注：これは設定例です。構造（例：mcpServers と servers）を調整するには、この README の前半にある、お使いの MCP クライアント（Cursor、VS Code など）に対応する具体的な例を参照してください。また、args のイメージ名が docker build コマンドで使用したタグと一致していることを確認してください。

mcpb フォルダー内の context7.mcpb ファイルをインストールし、クライアントに追加します。詳しくは、MCP バンドルのドキュメントをご覧ください。

Windows での設定は Linux や macOS とは少し異なります（この例では Cline を使用しています）。他のエディターでも基本的な考え方は同じです。command と args の設定を参照してください。

{
  "mcpServers": {
    "github.com/upstash/context7-mcp": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"],
      "disabled": false,
      "autoApprove": []
    }
  }
}

Amazon Q Developer CLI の設定ファイルに次の内容を追加します。詳しくは、Amazon Q Developer CLI のドキュメントをご覧ください。

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

詳しくは、Warp Model Context Protocol のドキュメントをご覧ください。

1. Settings > AI > Manage MCP servers に移動します。
2. + Add ボタンをクリックして、新しい MCP サーバーを追加します。
3. 以下の設定を貼り付けます。

{
  "Context7": {
    "command": "npx",
    "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"],
    "env": {},
    "working_directory": null,
    "start_on_launch": true
  }
}

4. Save をクリックして変更を適用します。

Copilot Coding Agent で Context7 を使用する

Copilot Coding Agent の設定ファイルの mcp セクション（Repository->Settings->Copilot->Coding agent->MCP configuration）に、次の設定を追加します。

{
  "mcpServers": {
    "context7": {
      "type": "http",
      "url": "https://mcp.context7.com/mcp",
      "headers": {
        "CONTEXT7_API_KEY": "YOUR_API_KEY"
      },
      "tools": ["get-library-docs", "resolve-library-id"]
    }
  }
}

詳しくは、GitHub の公式ドキュメントをご覧ください。

詳しくは、LM Studio の MCP サポートをご覧ください。

ワンクリックでインストール：

手動でのセットアップ：

1. Program（右側）> Install > Edit mcp.json に移動します。
2. 以下の設定を貼り付けます。

{
  "mcpServers": {
    "Context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

3. Save をクリックして変更を適用します。
4. 右側の Program の下で MCP サーバーのオン／オフを切り替えるか、チャットボックスの下部にあるプラグアイコンをクリックします。

Visual Studio MCP サーバーのドキュメントに従って、Visual Studio 2022 で Context7 MCP を設定できます。

以下を Visual Studio の MCP 設定ファイルに追加します（詳細はVisual Studio のドキュメントを参照してください）。

{
  "inputs": [],
  "servers": {
    "context7": {
      "type": "http",
      "url": "https://mcp.context7.com/mcp",
      "headers": {
        "CONTEXT7_API_KEY": "YOUR_API_KEY"
      }
    }
  }
}

または、ローカルサーバーの場合：

{
  "mcp": {
    "servers": {
      "context7": {
        "type": "stdio",
        "command": "npx",
        "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
      }
    }
  }
}

詳細およびトラブルシューティングについては、Visual Studio MCP サーバーのドキュメントを参照してください。

以下を Crush の設定ファイルに追加します。詳細はCrush MCP のドキュメントを参照してください。

Crush のリモートサーバー接続（HTTP）

{
  "$schema": "https://charm.land/crush.json",
  "mcp": {
    "context7": {
      "type": "http",
      "url": "https://mcp.context7.com/mcp",
      "headers": {
        "CONTEXT7_API_KEY": "YOUR_API_KEY"
      }
    }
  }
}

Crush のローカルサーバー接続

{
  "$schema": "https://charm.land/crush.json",
  "mcp": {
    "context7": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

アプリの「Settings」ページを開き、「Plugins」に移動して、以下の JSON を入力します。

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

保存したら、チャットで get-library-docs に続けて Context7 のドキュメント ID（例：get-library-docs /nuxt/ui）を入力します。詳しくはBoltAI のドキュメントサイトをご覧ください。iOS 版 BoltAI については、こちらのガイドをご覧ください。

以下のコマンドを実行して、Rovo Dev CLI の MCP 設定を編集します。

acli rovodev mcp

設定例：

リモートサーバー接続

{
  "mcpServers": {
    "context7": {
      "url": "https://mcp.context7.com/mcp"
    }
  }
}

ローカルサーバー接続

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

Zencoder で Context7 MCP を設定するには、以下の手順に従います。

1. Zencoder メニュー（...）に移動します
2. ドロップダウンメニューから Agent tools を選択します
3. Add custom MCP をクリックします
4. 以下の名前とサーバー設定を追加し、Install ボタンをクリックします

{
  "command": "npx",
  "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
}

MCP サーバーを追加すると、そのまま簡単に使い続けることができます。

詳しくはQodo Gen のドキュメントを参照してください。

1. VSCode または IntelliJ で Qodo Gen のチャットパネルを開きます。
2. Connect more tools をクリックします。
3. • Add new MCP をクリックします。
4. 以下の設定を追加します。

Qodo Gen のローカルサーバー接続

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
    }
  }
}

Qodo Gen のリモートサーバー接続

{
  "mcpServers": {
    "context7": {
      "url": "https://mcp.context7.com/mcp"
    }
  }
}

詳しくはPerplexity のローカルおよびリモート MCPを参照してください。

1. Perplexity > Settings に移動します
2. Connectors を選択します。
3. Add Connector をクリックします。
4. Advanced を選択します。
5. サーバー名に Context7 を入力します
6. 以下の JSON をテキストエリアに貼り付けます。

{
  "args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"],
  "command": "npx",
  "env": {}
}

7. Save をクリックします。

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["tsx", "/path/to/folder/context7/src/index.ts", "--api-key", "YOUR_API_KEY"]
    }
  }
}

npx -y @modelcontextprotocol/inspector npx @upstash/context7-mcp

ERR_MODULE_NOT_FOUND が発生した場合は、npx の代わりに bunx を使用してみてください。

{
  "mcpServers": {
    "context7": {
      "command": "bunx",
      "args": ["-y", "@upstash/context7-mcp"]
    }
  }
}

これは、npx がパッケージを適切にインストールまたは解決できない環境で発生する、モジュール解決の問題を解消することがよくあります。

Error: Cannot find module 'uriTemplate.js' のようなエラーが発生した場合は、--experimental-vm-modules フラグを試してください。

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "--node-options=--experimental-vm-modules", "@upstash/[email protected]"]
    }
  }
}

TLS 関連の問題を回避するには、--experimental-fetch フラグを使用してください。

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "--node-options=--experimental-fetch", "@upstash/context7-mcp"]
    }
  }
}

1. パッケージ名に @latest を追加してみてください
2. npx の代わりに bunx を使用してください
3. 別の方法として deno の使用を検討してください
4. ネイティブの fetch をサポートする Node.js v18 以降を使用していることを確認してください