Local + RemoteFree server, account needed

TheDesignAgent MCP server

ai.thedesignagent/mcp

A design agent in your coding agent's loop: briefs each screen, reviews UX and visual quality.

Install TheDesignAgent in Claude Code

Remote URL

Claude Code
claude mcp add --transport http thedesignagent https://www.thedesignagent.ai/mcp
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "thedesignagent": {
      "url": "https://www.thedesignagent.ai/mcp"
    }
  }
}

npm

Claude Code
claude mcp add thedesignagent -e THEDESIGNAGENT_API_KEY=... -- npx -y @thedesignagent/mcp
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "thedesignagent": {
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "..."
      }
    }
  }
}

Replace each ... with your own value.

Frequently asked questions

What does the TheDesignAgent MCP server do?

A design agent in your coding agent's loop: briefs each screen, reviews UX and visual quality.

Is the TheDesignAgent MCP server free?

The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.

Does TheDesignAgent run locally or remotely?

Local + Remote. Can run locally or be used as a hosted remote server.

How do I add TheDesignAgent to Claude Code?

Run: claude mcp add --transport http thedesignagent https://www.thedesignagent.ai/mcp

More ai agents & coding agents MCP servers

View all