diff --git a/docs/my-website/docs/tutorials/claude_mcp.md b/docs/my-website/docs/tutorials/claude_mcp.md
new file mode 100644
index 0000000000..54d2f841c4
--- /dev/null
+++ b/docs/my-website/docs/tutorials/claude_mcp.md
@@ -0,0 +1,98 @@
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+# Claude MCP Quickstart
+
+This tutorial shows how to connect MCP servers to Claude Code via LiteLLM Proxy.
+
+:::info 
+
+This tutorial is based on [Anthropic's official LiteLLM configuration documentation](https://docs.anthropic.com/en/docs/claude-code/llm-gateway#litellm-configuration). This integration allows you to use any LiteLLM supported model through Claude Code with centralized authentication, usage tracking, and cost controls.
+
+:::
+
+## Connecting MCP Servers
+
+You can also connect MCP servers to Claude Code via LiteLLM Proxy.
+
+
+1. Add the MCP server to your `config.yaml`
+
+<Tabs>
+<TabItem value="github" label="GitHub MCP">
+
+In this example, we'll add the Github MCP server to our `config.yaml`
+
+```yaml title="config.yaml" showLineNumbers
+mcp_servers:
+  github_mcp:
+    url: "https://api.githubcopilot.com/mcp"
+    auth_type: oauth2
+    client_id: os.environ/GITHUB_OAUTH_CLIENT_ID
+    client_secret: os.environ/GITHUB_OAUTH_CLIENT_SECRET
+```
+
+</TabItem>
+<TabItem value="atlassian" label="Atlassian MCP">
+
+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
+```
+
+</TabItem>
+</Tabs>
+
+2. Start LiteLLM Proxy
+
+```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"
+```
+
+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`.
+
+4. Authenticate via Claude Code
+
+a. Start Claude Code
+
+```bash
+claude
+```
+
+b. Authenticate via Claude Code
+
+```bash
+/mcp
+```
+
+c. Select the MCP server
+
+```bash
+> litellm_proxy
+```
+
+d. Start Oauth flow via Claude Code
+
+```bash
+> 1. Authenticate
+ 2. Reconnect
+ 3. Disable             
+```
+
+e. Once completed, you should see this success message:
+
+<img src={require('../../img/oauth_2_success.png').default} alt="OAuth 2.0 Success" style={{ width: '500px', height: 'auto' }} />
+
diff --git a/docs/my-website/docs/tutorials/claude_responses_api.md b/docs/my-website/docs/tutorials/claude_responses_api.md
index aafeccceaf..4c86329d6f 100644
--- a/docs/my-website/docs/tutorials/claude_responses_api.md
+++ b/docs/my-website/docs/tutorials/claude_responses_api.md
@@ -2,7 +2,7 @@ import Image from '@theme/IdealImage';
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-# Claude Code
+# Claude Code Quickstart
 
 This tutorial shows how to call Claude models through LiteLLM proxy from Claude Code.
 
@@ -211,96 +211,3 @@ claude --model claude-bedrock
 
 <Image img={require('../../img/release_notes/claude_code_demo.png')} style={{ width: '500px', height: 'auto' }} />
 
-
-## Connecting MCP Servers
-
-You can also connect MCP servers to Claude Code via LiteLLM Proxy.
-
-:::note
-
-Limitations:
-
-- Currently, only HTTP MCP servers are supported
-
-:::
-
-1. Add the MCP server to your `config.yaml`
-
-<Tabs>
-<TabItem value="github" label="GitHub MCP">
-
-In this example, we'll add the Github MCP server to our `config.yaml`
-
-```yaml title="config.yaml" showLineNumbers
-mcp_servers:
-  github_mcp:
-    url: "https://api.githubcopilot.com/mcp"
-    auth_type: oauth2
-    client_id: os.environ/GITHUB_OAUTH_CLIENT_ID
-    client_secret: os.environ/GITHUB_OAUTH_CLIENT_SECRET
-```
-
-</TabItem>
-<TabItem value="atlassian" label="Atlassian MCP">
-
-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
-```
-
-</TabItem>
-</Tabs>
-
-2. Start LiteLLM Proxy
-
-```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"
-```
-
-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`.
-
-4. Authenticate via Claude Code
-
-a. Start Claude Code
-
-```bash
-claude
-```
-
-b. Authenticate via Claude Code
-
-```bash
-/mcp
-```
-
-c. Select the MCP server
-
-```bash
-> litellm_proxy
-```
-
-d. Start Oauth flow via Claude Code
-
-```bash
-> 1. Authenticate
- 2. Reconnect
- 3. Disable             
-```
-
-e. Once completed, you should see this success message:
-
-<Image img={require('../../img/oauth_2_success.png')} style={{ width: '500px', height: 'auto' }} />
-
diff --git a/docs/my-website/sidebars.js b/docs/my-website/sidebars.js
index 39d64c128d..b34e0c0764 100644
--- a/docs/my-website/sidebars.js
+++ b/docs/my-website/sidebars.js
@@ -109,7 +109,14 @@ const sidebars = {
       type: "category",
       label: "AI Tools (OpenWebUI, Claude Code, etc.)",
       items: [
-        "tutorials/claude_responses_api",
+        {
+          type: "category",
+          label: "Claude Code",
+          items: [
+            "tutorials/claude_responses_api",
+            "tutorials/claude_mcp",
+          ]
+        },
         "tutorials/cost_tracking_coding",
         "tutorials/cursor_integration",
         "tutorials/github_copilot_integration",