A design agent in your coding agent's loop: a brief before you build a screen, a scored UX and visual review after. For Claude Code, Codex, Cursor, Grok Build and Copilot.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http thedesignagent-tda https://thedesignagent--tda.run.tools~/.codex/config.toml
[mcp_servers.thedesignagent-tda]
url = "https://thedesignagent--tda.run.tools"
# codex mcp add thedesignagent-tda --url https://thedesignagent--tda.run.tools~/.cursor/mcp.json
{
"mcpServers": {
"thedesignagent-tda": {
"url": "https://thedesignagent--tda.run.tools"
}
}
}.vscode/mcp.json
{
"servers": {
"thedesignagent-tda": {
"type": "http",
"url": "https://thedesignagent--tda.run.tools"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"thedesignagent-tda": {
"httpUrl": "https://thedesignagent--tda.run.tools"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"thedesignagent-tda": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://thedesignagent--tda.run.tools"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"thedesignagent-tda": {
"url": "https://thedesignagent--tda.run.tools"
}
}
}