Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
Copy Markdown
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
1 change: 1 addition & 0 deletions public/_markdown/en/get-started/mcp-clients.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ 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 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 Down
48 changes: 48 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,48 @@
---
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 MCP 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 tools 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 MCP 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 project and ask it to use one of the tools from your gateway.

Last updated on February 11, 2026

[Overview](/en/get-started/mcp-clients.md)
[Cursor](/en/get-started/mcp-clients/cursor.md)
Loading