Claude Code + moodspec

Add moodspec as an MCP server and Claude reads your canvas before it writes a line of UI.

Setup · about 2 minutes

Get your endpointOn your canvas, press Connect agent. Pro generates a private MCP URL for that canvas.
Add the serverRun claude mcp add --transport http moodspec <your-url>, or paste the JSON below into your settings file.
Restart Claude CodeRun /mcp to confirm moodspec is listed and connected.
Reference it in promptsSay "follow the moodspec canvas" once — Claude keeps it in context for the session.

~/.claude/settings.json

{
  "mcpServers": {
    "moodspec": {
      "type": "http",
      "url": "https://mcp.moodspec.app/c/brand-soul",
      "headers": { "Authorization": "Bearer msk_live_••••" }
    }
  }
}

What changes in practice

Ask for "a pricing page" and Claude uses your display font, your accent, your radius scale and your customer's language — instead of inventing a purple gradient. Ask "does this match our taste?" and it can answer from the canvas.

MCP is on Pro — see pricing