Shippp MCP

Connect a client

Step-by-step setup for Claude, Claude Code, Cursor, VS Code, Codex, Replit and others.

Connecting takes a minute and you only do it once per client. No API key, terminal setup or config file is needed — sign-in and access approval start from the client.

Before you start

Have a Shippp account and a workspace
If you are new, create one at app.shippp.ai. You need an editor seat — viewers can't use MCP.
Copy the Shippp MCP URL
Shippp MCP URL
```
https://app.shippp.ai/api/mcp/mcp
```

Shortcut from inside Shippp

In the editor, click MCP on the canvas toolbar and choose Connect agent. Or open Settings → MCP and click Connect agent. The Connect an MCP client dialog has install buttons for Cursor, VS Code and Replit.

The Connect an MCP client dialog listing Claude, Cursor, VS Code, Codex, Replit and Other MCP client. — Connect an MCP client, opened from the editor or from Settings → MCP.

Set up your client

Claude app (claude.ai and desktop)

Open connector settings
In Claude, open Settings → Connectors and choose Add custom connector. On a Team or Enterprise plan, connectors live under Organization settings → Connectors and are added by an admin.
Open Claude connector settings
Paste the Shippp URL
Name it Shippp and paste the URL. Claude detects the sign-in settings from it.
```
https://app.shippp.ai/api/mcp/mcp
```
Sign in and choose access
Sign in to Shippp and choose Read or Read and write— the connection works in all workspaces you're a member of.
Allow tools
Each tool asks once on first use. Choose Allow always to stop repeat prompts.

Claude Code

Add the Shippp server

Run this once in your project folder:

Terminal

claude mcp add --transport http shippp https://app.shippp.ai/api/mcp/mcp

Approve access
Claude Code opens Shippp in the browser (run /mcp in Claude Code if it doesn't). Sign in and approve access.
Choose access
Pick the workspace, then Read or Read and write, and click Allow access. Return to the chat.
Optional: skip per-tool prompts
Allowlist mcp__shippp (or single tools) in Claude Code's permission settings.

Cursor

Install Shippp
Use the Install in Cursor button in Shippp's connect dialog, or add the URL under Settings → MCP:
~/.cursor/mcp.json
```
{
  "mcpServers": {
    "shippp": { "url": "https://app.shippp.ai/api/mcp/mcp" }
  }
}
```
Approve access
Cursor opens the Shippp sign-in — approve access.
Choose access
Pick the workspace, then Read or Read and write, and click Allow access. Return to the chat.

VS Code

Install Shippp
Use the Install in VS Code button in Shippp's connect dialog, or run the MCP: Add Server command, choose HTTP and paste the URL.
```
https://app.shippp.ai/api/mcp/mcp
```
Approve access
VS Code opens the Shippp sign-in — approve access.
Choose access
Pick the workspace, then Read or Read and write, and click Allow access. Return to the chat.

Codex

Add the Shippp server
In Codex's MCP settings, add the Shippp server with this URL (HTTP transport):
```
https://app.shippp.ai/api/mcp/mcp
```
Approve access
Sign in to Shippp when prompted and approve access.
Choose access
Pick the workspace, then Read or Read and write, and click Allow access. Return to the chat.

Replit

Add Shippp to Replit
Use the Add to Replit button in Shippp's connect dialog, or in Integrations → MCP Servers choose Add MCP server, name it Shippp and paste the URL.
```
https://app.shippp.ai/api/mcp/mcp
```
Approve access
Replit walks you through the Shippp sign-in on Test & save — approve access.
Choose access
Pick the workspace, then Read or Read and write, and click Allow access. Return to the chat.

Any other MCP client

Add the Shippp server
In your client's MCP or connector settings, add this URL as a remote (HTTP) server:
```
https://app.shippp.ai/api/mcp/mcp
```
Approve access
Sign in to Shippp when prompted and approve access.
Choose access
Pick the workspace, then Read or Read and write, and click Allow access. Return to the chat.

The approval screen

Whichever client you use, you finish on Shippp's approval screen. It names the client, shows that it gets access to your account — all workspaces you're a member of, including ones you join later — and lists what the client can do. Choose the level of access at the top of the list.

Read and write — the default. The client can also edit your design files, with every change undoable, and upload images to your files. Read only — the client reads your screens, components and design system, sees what you have selected, generates production-ready code and renders previews.

Check that it works

Open the file you want to work on in Shippp, select something, and ask your client:

Prompt

Use Shippp: what do I have selected, and which screens and components does this file have?

The client should list your screens and describe your selection. In Shippp, the MCP button on the canvas toolbar shows your client, and while it works you see its cursor and selection on the canvas, like a collaborator's. Something wrong? See Troubleshooting.

Overview

Access & permissions