diff --git a/docs/my-website/docs/tutorials/claude_mcp.md b/docs/my-website/docs/tutorials/claude_mcp.md index 07c3cead0b..ab27908c8d 100644 --- a/docs/my-website/docs/tutorials/claude_mcp.md +++ b/docs/my-website/docs/tutorials/claude_mcp.md @@ -9,7 +9,7 @@ Note: LiteLLM supports OAuth for MCP servers as well. [Learn more](https://docs. ## Connecting MCP Servers -You can also connect MCP servers to Claude Code via LiteLLM Proxy. +You can connect MCP servers to Claude Code via LiteLLM Proxy. 1. Add the MCP server to your `config.yaml` @@ -23,6 +23,7 @@ In this example, we'll add the Github MCP server to our `config.yaml` mcp_servers: github_mcp: url: "https://api.githubcopilot.com/mcp" + transport: "http" auth_type: oauth2 client_id: os.environ/GITHUB_OAUTH_CLIENT_ID client_secret: os.environ/GITHUB_OAUTH_CLIENT_SECRET @@ -34,31 +35,70 @@ mcp_servers: In this example, we'll add the Atlassian MCP server to our `config.yaml` ```yaml title="config.yaml" showLineNumbers -atlassian_mcp: - server_id: atlassian_mcp_id - url: "https://mcp.atlassian.com/v1/sse" - transport: "sse" - auth_type: oauth2 +mcp_servers: + atlassian_mcp: + url: "https://mcp.atlassian.com/v1/mcp" + transport: "http" + auth_type: oauth2 ``` +:::important +The server name under `mcp_servers:` (e.g. `atlassian_mcp`, `github_mcp`) **must match** the name used in the Claude Code URL path (`/mcp/`). A mismatch will cause a 404 error during OAuth. +::: + 2. Start LiteLLM Proxy +Since Claude Code needs a publicly accessible URL for the OAuth callback, expose your proxy via ngrok or a similar tool. + ```bash litellm --config /path/to/config.yaml # RUNNING on http://0.0.0.0:4000 ``` -3. Use the MCP server in Claude Code - ```bash -claude mcp add --transport http litellm_proxy http://0.0.0.0:4000/github_mcp/mcp --header "Authorization: Bearer sk-LITELLM_VIRTUAL_KEY" +# In a separate terminal — expose proxy for OAuth callbacks +ngrok http 4000 ``` -For MCP servers that require dynamic client registration (such as Atlassian), please set `x-litellm-api-key: Bearer sk-LITELLM_VIRTUAL_KEY` instead of using `Authorization: Bearer LITELLM_VIRTUAL_KEY`. +3. Add the MCP server to Claude Code + + + + +```bash +claude mcp add --transport http litellm-github https://your-ngrok-url.ngrok-free.dev/mcp/github_mcp \ + --header "x-litellm-api-key: Bearer sk-1234" +``` + + + + +```bash +claude mcp add --transport http litellm-atlassian https://your-ngrok-url.ngrok-free.dev/mcp/atlassian_mcp \ + --header "x-litellm-api-key: Bearer sk-1234" +``` + + + + +**Parameter breakdown:** + +| Parameter | Description | +|-----------|-------------| +| `--transport http` | Use HTTP transport for the MCP connection | +| `litellm-atlassian` | The name for this MCP server **on Claude Code** — can be anything you choose | +| `https://your-ngrok-url.ngrok-free.dev/mcp/atlassian_mcp` | The LiteLLM proxy URL. Format: `/mcp/`. The `atlassian_mcp` part **must match** the key under `mcp_servers:` in your LiteLLM proxy config | +| `--header "x-litellm-api-key: Bearer sk-1234"` | Your LiteLLM virtual key for authentication to the proxy | + +You can also add the MCP server directly to your `~/.claude.json` file instead of using `claude mcp add`. [See Claude Code docs](https://docs.anthropic.com/en/docs/claude-code/mcp). + +:::note +For MCP servers that require OAuth (such as Atlassian), use `x-litellm-api-key` instead of `Authorization` for the LiteLLM virtual key. The `Authorization` header is reserved for the OAuth flow. +::: 4. Authenticate via Claude Code @@ -68,24 +108,20 @@ a. Start Claude Code claude ``` -b. Authenticate via Claude Code +b. Open the MCP menu ```bash /mcp ``` -c. Select the MCP server +c. Select the MCP server (e.g. `litellm-atlassian`) -```bash -> litellm_proxy -``` - -d. Start Oauth flow via Claude Code +d. Start the OAuth flow ```bash > 1. Authenticate 2. Reconnect - 3. Disable + 3. Disable ``` e. Once completed, you should see this success message: