SonderThe looksYour account

Connect Sonder to the agent you already use.

Sonder's address 
https://app.trysonder.dev/mcp

Claude

Web, desktop and mobile

Every plan; Free allows one custom connector. On Team and Enterprise an owner adds it first, under Organization settings, then Connectors.

  1. In Claude, open Customize, then Connectors.
  2. Choose + Add, then Add custom connector.
  3. Name it Sonder, paste the address, and choose Add.
  4. Sign in when Claude opens Sonder. Once added, it's on your phone too.
https://app.trysonder.dev/mcp

ChatGPT

On the web

Business, Enterprise and Edu (on Business, an admin adds it). Pro can connect it with read-only tools only.

  1. In ChatGPT, open Plugins, choose +, then Add custom MCP server.
  2. Name it Sonder, paste the address as the server URL, and choose OAuth for authentication.
  3. Create it, sign in when ChatGPT opens Sonder, then pick Sonder in a chat.
https://app.trysonder.dev/mcp

Claude Code

In your terminal and editor

  1. Run this once. --scope user puts Sonder in every folder.
  2. In Claude Code, type /mcp, choose Sonder and sign in.
claude mcp add --transport http --scope user sonder https://app.trysonder.dev/mcp

Cursor

One click, or your mcp.json

Add to Cursor
  1. Cursor asks to install Sonder: choose Install. Or add this to ~/.cursor/mcp.json.
  2. Cursor opens the sign-in in your browser the first time it uses Sonder.
{
  "mcpServers": {
    "sonder": { "url": "https://app.trysonder.dev/mcp" }
  }
}

VS Code

With GitHub Copilot, in agent mode

Needs GitHub Copilot; an organisation's admin can turn MCP off.

Add to VS Code
  1. VS Code shows Sonder: choose Install. Or run MCP: Add Server, choose HTTP and paste the address, or add this to .vscode/mcp.json.
  2. VS Code opens the sign-in in your browser the first time it connects.
{
  "servers": {
    "sonder": { "type": "http", "url": "https://app.trysonder.dev/mcp" }
  }
}

Codex

The CLI, the IDE extension and the app share one config

  1. Add Sonder (or put the lines below in ~/.codex/config.toml).
  2. Sign in from your terminal.
codex mcp add sonder --url https://app.trysonder.dev/mcp
codex mcp login sonder
[mcp_servers.sonder]
url = "https://app.trysonder.dev/mcp"

Gemini CLI

In your terminal

Signing in needs a browser on the same machine.

  1. Run this once. --scope user puts Sonder in every folder.
  2. In Gemini CLI, run /mcp auth sonder and sign in.
gemini mcp add --transport http --scope user sonder https://app.trysonder.dev/mcp

Windsurf

In Cascade

  1. In Cascade, open the MCP servers menu and choose to edit the raw config, mcp_config.json.
  2. Add Sonder as below and save. Windsurf asks you to sign in; choose Authenticate if it doesn't.
{
  "mcpServers": {
    "sonder": { "serverUrl": "https://app.trysonder.dev/mcp" }
  }
}

Cline

In VS Code, JetBrains or the CLI

  1. In Cline, open MCP Servers, then Remote Servers.
  2. Name it Sonder, paste the address, choose Streamable HTTP, and add it. Or put the lines below in Cline's MCP settings.
  3. Sign in when Cline opens Sonder.
{
  "mcpServers": {
    "sonder": { "type": "streamableHttp", "url": "https://app.trysonder.dev/mcp" }
  }
}

Zed

In the Agent Panel

  1. Open Settings, then AI, then MCP Servers, and choose Add Remote Server. Or add this to your settings.json.
  2. Choose Authenticate beside Sonder and sign in.
"context_servers": {
  "sonder": { "url": "https://app.trysonder.dev/mcp" }
}

Raycast

With Raycast AI, on Mac

  1. Open the Install MCP Server command. Name it Sonder, choose HTTP, and paste the address.
  2. For OAuth choose Dynamic, install, then choose Sign In.
https://app.trysonder.dev/mcp

Goose

Desktop app or CLI

  1. In the app, open Extensions, then Add custom extension, and choose Streamable HTTP. In the CLI, run goose configure, then Add Extension, then Remote Extension (Streamable HTTP).
  2. Name it Sonder, paste the address, and sign in when your browser opens.
https://app.trysonder.dev/mcp

LM Studio

With your local models

Add to LM Studio
  1. Or open Program, then Install, then Edit mcp.json, and add Sonder as below.
  2. LM Studio opens the sign-in in your browser.
{
  "mcpServers": {
    "sonder": { "url": "https://app.trysonder.dev/mcp" }
  }
}

Anything else that speaks MCP

Any agent that takes a remote MCP server can use Sonder. It finds the sign-in by itself.

Address
https://app.trysonder.dev/mcp
Transport
Streamable HTTP
Sign-in
OAuth, discovered from the address; no key or header
{
  "mcpServers": {
    "sonder": { "type": "http", "url": "https://app.trysonder.dev/mcp" }
  }
}

Takes only local servers? Bridge it with mcp-remote, which handles the sign-in:

npx -y mcp-remote https://app.trysonder.dev/mcp

Then just ask.

The first time, Sonder asks a few short questions. After that, give it a client's website, pick a look from the pictures it shows you, and get the finished site, a batch of pitches, or a link to publish. You can disconnect any agent from your account.

Use Sonder to redesign acme.com as a pitch.
For developers: run Sonder on your own machine instead

With the Sonder repository, npm run setup adds the local server to the Claude app; inside the repository Claude Code finds it by itself.

npm run setup