Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions app/en/get-started/mcp-clients/_meta.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,9 @@ const meta: MetaRecord = {
"claude-desktop": {
title: "Claude Desktop",
},
"claude-code": {
title: "Claude Code",
},
Comment on lines 17 to +22
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suggest swapping the order on the sidebar

Suggested change
"claude-desktop": {
title: "Claude Desktop",
},
"claude-code": {
title: "Claude Code",
},
"claude-code": {
title: "Claude Code",
},
"claude-desktop": {
title: "Claude Desktop",
},

"visual-studio-code": {
title: "Visual Studio Code",
},
Expand Down
51 changes: 51 additions & 0 deletions app/en/get-started/mcp-clients/claude-code/page.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
import { Steps, Callout } from "nextra/components";
import { SignupLink } from "@/app/_components/analytics";

# Use Arcade in Claude Code

<GuideOverview>
<GuideOverview.Outcomes>

Connect Claude Code to an Arcade MCP Gateway using the Arcade Headers authentication mode.

</GuideOverview.Outcomes>

<GuideOverview.Prerequisites>

1. Create an <SignupLink linkLocation="docs:claude-code-client">Arcade account</SignupLink>
2. Get an [Arcade API key](/get-started/setup/api-keys)
3. Create an [Arcade MCP Gateway](/guides/mcp-gateways) and select the tools you want to use

</GuideOverview.Prerequisites>
</GuideOverview>

<Callout type="info">
For Claude Code, we recommend setting your gateway auth mode to **Arcade Headers** so you
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Google.We: Removed first-person plural 'we' to be more direct

Suggested change
For Claude Code, we recommend setting your gateway auth mode to **Arcade Headers** so you
For Claude Code, set your gateway auth mode to **Arcade Headers** so you

can authenticate via HTTP headers (no browser-based OAuth flow required).
</Callout>

<Steps>

### Add your Arcade MCP Gateway

Run the following to add your Arcade Gateway as a remote HTTP MCP server in Claude Code:

```bash
claude mcp add --transport http arcade "<YOUR_ARCADE_GATEWAY_URL>" \
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we mention that "arcade" here is simply the name of their MCP gateway?

--header "Authorization: Bearer <YOUR_ARCADE_API_KEY>" \
--header "Arcade-User-ID: <YOUR_EMAIL>"
```

### Verify the server was added
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Google.Passive: Changed passive voice 'was added' to active voice

Suggested change
### Verify the server was added
### Verify you added the server


```bash
claude mcp get arcade
claude mcp list
```

### Try it out

Open Claude Code in your project and ask it to use one of the tools from your gateway.

</Steps>

7 changes: 7 additions & 0 deletions app/en/get-started/mcp-clients/mcp-client-grid.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,12 @@ const mcpClients = [
description: "Anthropic's desktop app for Claude with MCP integration",
invertInLight: true,
},
{
key: "claude-code",
name: "Claude Code",
description: "Anthropic's coding agent CLI with MCP support",
invertInLight: true,
},
{
key: "visual-studio-code",
name: "Visual Studio Code",
Expand All @@ -32,6 +38,7 @@ const mcpClients = [
const logoSrc = {
cursor: "/images/icons/cursor.png",
"claude-desktop": "/images/icons/claude.png",
"claude-code": "/images/icons/claude.png",
"visual-studio-code": "/images/icons/vscode.svg",
"copilot-studio": "/images/icons/microsoft-copilot-studio.png",
};
Expand Down
5 changes: 5 additions & 0 deletions next.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -559,6 +559,11 @@ const nextConfig: NextConfig = withLlmsTxt({
destination: "/:locale/get-started/mcp-clients/claude-desktop",
permanent: true,
},
{
source: "/:locale/home/mcp-clients/claude-code",
destination: "/:locale/get-started/mcp-clients/claude-code",
permanent: true,
},
{
source: "/:locale/home/mcp-clients/cursor",
destination: "/:locale/get-started/mcp-clients/cursor",
Expand Down
2 changes: 1 addition & 1 deletion public/_markdown/en/get-started/about-arcade.md
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ const response = await client.tools.execute({
console.log(response.output.value);
```

Last updated on February 10, 2026
Last updated on February 11, 2026

[Docs Home](/en/home.md)
[Get an API key](/en/get-started/setup/api-keys.md)
2 changes: 1 addition & 1 deletion public/_markdown/en/get-started/agent-frameworks.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ These guides are for developers building AI applications who need to connect Arc
[![Mastra logo](/images/icons/mastra.svg) Mastra Agent Framework](/guides/agent-frameworks/mastra/overview.md)
[![Vercel AI logo](/images/icons/vercel.svg) Vercel AI Agent Framework](/guides/agent-frameworks/vercelai.md)

Last updated on February 10, 2026
Last updated on February 11, 2026

[Build an MCP server for custom tools](/en/get-started/quickstarts/mcp-server-quickstart.md)
[Setup Arcade with your LLM (Python)](/en/get-started/agent-frameworks/setup-arcade-with-your-llm-python.md)
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ print(result)

Now you’re ready to integrate Arcade tools with a custom auth flow into your own CrewAI team.

Last updated on February 10, 2026
Last updated on February 11, 2026

[Using Arcade tools](/en/get-started/agent-frameworks/crewai/use-arcade-tools.md)
[Overview](/en/get-started/agent-frameworks/google-adk/overview.md)
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ Now that you have integrated Arcade tools into your CrewAI team, you can:
- Customize the ’s prompts for specific tasks.
- Customize the authorization and execution flow to meet your application’s requirements.

Last updated on February 10, 2026
Last updated on February 11, 2026

[Setup Arcade with your LLM (Python)](/en/get-started/agent-frameworks/setup-arcade-with-your-llm-python.md)
[Custom auth flow](/en/get-started/agent-frameworks/crewai/custom-auth-flow.md)
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ Ready to start building with Arcade and OpenAI ? Check out these guides:

Enjoy exploring Arcade and building powerful AI-enabled applications.

Last updated on February 10, 2026
Last updated on February 11, 2026

[Custom auth flow](/en/get-started/agent-frameworks/crewai/custom-auth-flow.md)
[Setup Arcade with Google ADK (Python)](/en/get-started/agent-frameworks/google-adk/use-arcade-tools.md)
Original file line number Diff line number Diff line change
Expand Up @@ -213,7 +213,7 @@ for await (const event of events) {

Now you’re ready to explore more LangChain tools with Arcade. Try integrating additional Servers and crafting more complex queries to enhance your AI workflows.

Last updated on February 10, 2026
Last updated on February 11, 2026

[Setup Arcade with LangChain (TypeScript)](/en/get-started/agent-frameworks/langchain/use-arcade-with-langchain-ts.md)
[Mastra](/en/get-started/agent-frameworks/mastra.md)
Original file line number Diff line number Diff line change
Expand Up @@ -856,7 +856,7 @@ if __name__ == "__main__":
asyncio.run(main())
```

Last updated on February 10, 2026
Last updated on February 11, 2026

[Setup Arcade with Google ADK (Python)](/en/get-started/agent-frameworks/google-adk/use-arcade-tools.md)
[Setup Arcade with LangChain (TypeScript)](/en/get-started/agent-frameworks/langchain/use-arcade-with-langchain-ts.md)
Original file line number Diff line number Diff line change
Expand Up @@ -744,7 +744,7 @@ main().catch((err) => console.error(err));
```


Last updated on February 10, 2026
Last updated on February 11, 2026

[Setup Arcade with LangChain (Python)](/en/get-started/agent-frameworks/langchain/use-arcade-with-langchain-py.md)
[Authorizing existing tools](/en/get-started/agent-frameworks/langchain/auth-langchain-tools.md)
2 changes: 1 addition & 1 deletion public/_markdown/en/get-started/agent-frameworks/mastra.md
Original file line number Diff line number Diff line change
Expand Up @@ -960,7 +960,7 @@ emailDigestWorkflow.commit();
export { emailDigestWorkflow };
```

Last updated on February 10, 2026
Last updated on February 11, 2026

[Authorizing existing tools](/en/get-started/agent-frameworks/langchain/auth-langchain-tools.md)
[Overview](/en/get-started/agent-frameworks/openai-agents/overview.md)
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ With Arcade and OpenAI , your agents can:

Browse the [full MCP server catalog](/resources/integrations.md) to see all available .

Last updated on February 10, 2026
Last updated on February 11, 2026

[Mastra](/en/get-started/agent-frameworks/mastra.md)
[Setup (Python)](/en/get-started/agent-frameworks/openai-agents/setup-python.md)
Original file line number Diff line number Diff line change
Expand Up @@ -260,7 +260,7 @@ if __name__ == "__main__":
- Explore [creating custom tools](/guides/create-tools/tool-basics/build-mcp-server.md)
with the Arcade SDK

Last updated on February 10, 2026
Last updated on February 11, 2026

[Overview](/en/get-started/agent-frameworks/openai-agents/overview.md)
[Setup (TypeScript)](/en/get-started/agent-frameworks/openai-agents/setup-typescript.md)
Original file line number Diff line number Diff line change
Expand Up @@ -381,7 +381,7 @@ main().catch(console.error);
- Explore [creating custom tools](/guides/create-tools/tool-basics/build-mcp-server.md)
with the Arcade SDK

Last updated on February 10, 2026
Last updated on February 11, 2026

[Setup (Python)](/en/get-started/agent-frameworks/openai-agents/setup-python.md)
[Setup Arcade with OpenAI Agents SDK](/en/get-started/agent-frameworks/openai-agents/use-arcade-with-openai-agents.md)
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ With Arcade and OpenAI , your agents can:

Browse the [full MCP server catalog](/resources/integrations.md) to see all available .

Last updated on February 10, 2026
Last updated on February 11, 2026

[Mastra](/en/get-started/agent-frameworks/mastra.md)
[Setup (Python)](/en/get-started/agent-frameworks/openai-agents/setup-python.md)
Original file line number Diff line number Diff line change
Expand Up @@ -462,7 +462,7 @@ if __name__ == "__main__":
chat()
```

Last updated on February 10, 2026
Last updated on February 11, 2026

[Overview](/en/get-started/agent-frameworks.md)
[Using Arcade tools](/en/get-started/agent-frameworks/crewai/use-arcade-tools.md)
Original file line number Diff line number Diff line change
Expand Up @@ -945,7 +945,7 @@ export default function Chat() {
}
```

Last updated on February 10, 2026
Last updated on February 11, 2026

[Setup Arcade with OpenAI Agents SDK](/en/get-started/agent-frameworks/openai-agents/use-arcade-with-openai-agents.md)
[Overview](/en/get-started/mcp-clients.md)
3 changes: 2 additions & 1 deletion public/_markdown/en/get-started/mcp-clients.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,11 @@ You can connect [Arcade MCP servers](/resources/integrations.md) to \-compatible

[![Cursor logo](/images/icons/cursor.png) Cursor AI-powered code editor with built-in MCP support](/guides/tool-calling/mcp-clients/cursor.md)
[![Claude Desktop logo](/images/icons/claude.png) Claude Desktop Anthropic's desktop app for Claude with MCP integration](/guides/tool-calling/mcp-clients/claude-desktop.md)
[![Claude Code logo](/images/icons/claude.png) Claude Code Anthropic's coding agent CLI with MCP support](/guides/tool-calling/mcp-clients/claude-code.md)
[![Visual Studio Code logo](/images/icons/vscode.svg) Visual Studio Code Microsoft's code editor with MCP extensions](/guides/tool-calling/mcp-clients/visual-studio-code.md)
[![Microsoft Copilot Studio logo](/images/icons/microsoft-copilot-studio.png) Microsoft Copilot Studio Microsoft's AI agent platform with MCP integration](/guides/tool-calling/mcp-clients/copilot-studio.md)

Last updated on February 10, 2026
Last updated on February 11, 2026

[Vercel AI SDK](/en/get-started/agent-frameworks/vercelai.md)
[Cursor](/en/get-started/mcp-clients/cursor.md)
49 changes: 49 additions & 0 deletions public/_markdown/en/get-started/mcp-clients/claude-code.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
---
title: "Use Arcade in Claude Code"
description: "Arcade - AI platform for developers"
---
[MCP Clients](/en/get-started/mcp-clients.md)
Claude Code

# Use Arcade in Claude Code

## Outcomes

Connect Claude Code to an Arcade Gateway using the Arcade Headers authentication mode.

### Prerequisites

1. Create an [Arcade](https://app.arcade.dev/register)

2. Get an [Arcade API key](/get-started/setup/api-keys.md)

3. Create an [Arcade MCP Gateway](/guides/mcp-gateways.md)
and select the you want to use

For Claude Code, we recommend setting your gateway auth mode to **Arcade Headers** so you can authenticate via HTTP headers (no browser-based OAuth flow required).

### Add your Arcade MCP Gateway

Run the following to add your Arcade Gateway as a remote HTTP server in Claude Code:

```bash
claude mcp add --transport http arcade "<YOUR_ARCADE_GATEWAY_URL>" \
--header "Authorization: Bearer <YOUR_ARCADE_API_KEY>" \
--header "Arcade-User-ID: <YOUR_EMAIL>"
```

### Verify the server was added

```bash
claude mcp get arcade
claude mcp list
```

### Try it out

Open Claude Code in your and ask it to use one of the from your gateway.

Last updated on February 11, 2026

[Claude Desktop](/en/get-started/mcp-clients/claude-desktop.md)
[Visual Studio Code](/en/get-started/mcp-clients/visual-studio-code.md)
4 changes: 2 additions & 2 deletions public/_markdown/en/get-started/mcp-clients/claude-desktop.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ In this configuration pane, you can configure which tools are available to Claud

You can now open a new chat within Claude Desktop. Ensure that your connector is enabled, and the ask the to use a !

Last updated on February 10, 2026
Last updated on February 11, 2026

[Cursor](/en/get-started/mcp-clients/cursor.md)
[Visual Studio Code](/en/get-started/mcp-clients/visual-studio-code.md)
[Claude Code](/en/get-started/mcp-clients/claude-code.md)
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ Arcade provides just-in-time authorization. When you use a that requires access

![Step 4: Chat with your agent using Arcade tools](/_next/image?url=%2Fimages%2Fmcp-gateway%2Fcopilot-studio%2Fstep-4.png&w=1920&q=75)

Last updated on February 10, 2026
Last updated on February 11, 2026

[Visual Studio Code](/en/get-started/mcp-clients/visual-studio-code.md)
[Overview](/en/resources/integrations.md)
2 changes: 1 addition & 1 deletion public/_markdown/en/get-started/mcp-clients/cursor.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ Cursor will open the settings file, and you can add a new entry to the `mcpServ
2. Make sure you are in mode
3. Ask the to use a !

Last updated on February 10, 2026
Last updated on February 11, 2026

[Overview](/en/get-started/mcp-clients.md)
[Claude Desktop](/en/get-started/mcp-clients/claude-desktop.md)
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ Note: if you are using the Arcade Header auth mode for your Gateway, you will m

You will not see the authentication prompts when you start the Server in Visual Studio Code because the is passed directly.

Last updated on February 10, 2026
Last updated on February 11, 2026

[Claude Desktop](/en/get-started/mcp-clients/claude-desktop.md)
[Claude Code](/en/get-started/mcp-clients/claude-code.md)
[Microsoft Copilot Studio](/en/get-started/mcp-clients/copilot-studio.md)
Original file line number Diff line number Diff line change
Expand Up @@ -546,7 +546,7 @@ console.log(
console.log(respose_send_email.output?.value);
```

Last updated on February 10, 2026
Last updated on February 11, 2026

[Windows environment setup](/en/get-started/setup/windows-environment.md)
[Call tools in IDE/MCP clients](/en/get-started/quickstarts/call-tool-client.md)
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@ Select the client you want to use to read the instructions to connect to the :

[![Cursor logo](/images/icons/cursor.png) Cursor AI-powered code editor with built-in MCP support](/guides/tool-calling/mcp-clients/cursor.md)
[![Claude Desktop logo](/images/icons/claude.png) Claude Desktop Anthropic's desktop app for Claude with MCP integration](/guides/tool-calling/mcp-clients/claude-desktop.md)
[![Claude Code logo](/images/icons/claude.png) Claude Code Anthropic's coding agent CLI with MCP support](/guides/tool-calling/mcp-clients/claude-code.md)
[![Visual Studio Code logo](/images/icons/vscode.svg) Visual Studio Code Microsoft's code editor with MCP extensions](/guides/tool-calling/mcp-clients/visual-studio-code.md)
[![Microsoft Copilot Studio logo](/images/icons/microsoft-copilot-studio.png) Microsoft Copilot Studio Microsoft's AI agent platform with MCP integration](/guides/tool-calling/mcp-clients/copilot-studio.md)

Expand All @@ -91,7 +92,7 @@ As you interact with the agent, it will call the tools from the Gateway. Your
- Build your own servers with [arcade-mcp](/get-started/quickstarts/mcp-server-quickstart.md)
.

Last updated on February 10, 2026
Last updated on February 11, 2026

[Call tools in agents](/en/get-started/quickstarts/call-tool-agent.md)
[Build an MCP server for custom tools](/en/get-started/quickstarts/mcp-server-quickstart.md)
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ Ensure you have set the environment variable in your terminal or `.env` file, an
- **Learn how to deploy your server**: [Deploy your MCP server](/guides/deployment-hosting/arcade-deploy.md)


Last updated on February 10, 2026
Last updated on February 11, 2026

[Call tools in IDE/MCP clients](/en/get-started/quickstarts/call-tool-client.md)
[Overview](/en/get-started/agent-frameworks.md)
2 changes: 1 addition & 1 deletion public/_markdown/en/get-started/setup/api-keys.md
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ Once you have your , you can:
- [Create custom tools](/guides/create-tools/tool-basics/build-mcp-server.md)


Last updated on February 10, 2026
Last updated on February 11, 2026

[About Arcade](/en/get-started/about-arcade.md)
[Connect Arcade docs to your IDE](/en/get-started/setup/connect-arcade-docs.md)
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ The LLMs.txt files are available at [`/llms.txt`](/llms.txt).

Learn more about the LLMs.txt file format [here](https://llmstxt.org/) .

Last updated on February 10, 2026
Last updated on February 11, 2026

[Get an API key](/en/get-started/setup/api-keys.md)
[Windows environment setup](/en/get-started/setup/windows-environment.md)
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ This page is coming soon. The team is working on comprehensive documentation for

In the meantime, if you need help setting up Arcade on Windows, please reach out on [Discord](https://discord.gg/GUZEMpEZ9p) .

Last updated on February 10, 2026
Last updated on February 11, 2026

[Connect Arcade docs to your IDE](/en/get-started/setup/connect-arcade-docs.md)
[Call tools in agents](/en/get-started/quickstarts/call-tool-agent.md)
Loading