TheDesignAgent MCP Server

ai.thedesignagent/mcpv0.5.3

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

Node.jsstdioremoteofficial registry

context tax

queued

security

queued

cold start

queued

freshness

Active3d ago

Install TheDesignAgent MCP server

claude mcp add thedesignagent -e THEDESIGNAGENT_API_KEY='<thedesignagent-api-key>' -- npx -y @thedesignagent/mcp

{
  "mcpServers": {
    "thedesignagent": {
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "<thedesignagent-api-key>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).

{
  "mcpServers": {
    "thedesignagent": {
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "<thedesignagent-api-key>"
      }
    }
  }
}

Settings → Developer → Edit Config (claude_desktop_config.json), then restart.

{
  "servers": {
    "thedesignagent": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "<thedesignagent-api-key>"
      }
    }
  }
}

Add to .vscode/mcp.json in your workspace.

{
  "mcpServers": {
    "thedesignagent": {
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "<thedesignagent-api-key>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json.

Configuration

Variable	Required	Secret	Description
THEDESIGNAGENT_API_KEY	yes	yes	Your TheDesignAgent API key (starts with tda_)
CHROME_PATH	—	—	Browser binary for Visual screenshots, if not found automatically

Remote endpoints

streamable-httphttps://www.thedesignagent.ai/mcp

Freshness

Active — last maintenance signal 3d ago. The newest of the signals below sets the band.

Last commit (default branch)
no data · GitHub
Latest release
no data · GitHub
Package published
no data · npm/PyPI
Registry entry updated
2026-10-06 · 3d ago · official registry · v0.5.3

FAQ

›How do I install the TheDesignAgent MCP server in Claude Code?

Run: claude mcp add thedesignagent -e THEDESIGNAGENT_API_KEY='<thedesignagent-api-key>' -- npx -y @thedesignagent/mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.

›Does TheDesignAgent require an API key?

Yes. It expects THEDESIGNAGENT_API_KEY, of which 1 is a secret.

›Can I use TheDesignAgent as a remote (hosted) MCP server?

Yes — it offers both a hosted endpoint and a local stdio package.

›Is TheDesignAgent in the official MCP registry?

Yes, as ai.thedesignagent/mcp.