Setup

Go to Settings > Connectors and add Moda as a custom connector with the URL https://mcp.moda.app. You'll be prompted to sign in on first use.

To verify, click the + button in the chat box, then Connectors — you should see Moda listed.

Go to Settings > Connectors on claude.ai and add Moda as a custom connector with the URL https://mcp.moda.app. You'll authorize via OAuth on first use.

Team and Enterprise plans: An admin must first add the Moda connector in Admin Settings > Connectors. After that, individual members can connect from their personal Settings > Connectors.

Run this command in your terminal:

claude mcp add --transport http moda https://mcp.moda.app

Verify the connection:

claude /mcp

You should see moda listed as a connected server. When you first use an MCP tool, Claude Code will open your browser for sign-in.

To remove the server later:

claude mcp remove moda

Connectors set up on claude.ai sync to the Claude mobile app automatically.

1. Go to claude.ai/settings on your computer
2. Add the Moda connector (see the Claude.ai (browser) tab)
3. Open the Claude app on your phone — Moda will be available

This lets you create designs from your phone by chatting with Claude.

Open Cursor Settings > MCP and add a new server, or add to ~/.cursor/mcp.json:

{
  "mcpServers": {
    "moda": {
      "type": "streamable-http",
      "url": "https://mcp.moda.app"
    }
  }
}

You can also use a project-level config at .cursor/mcp.json in your project root.

Cursor handles the OAuth flow automatically when you first connect.

Add to your VS Code settings (settings.json):

{
  "mcp": {
    "servers": {
      "moda": {
        "type": "streamable-http",
        "url": "https://mcp.moda.app"
      }
    }
  }
}