English Français العربية

TheDesignAgent

Registre officiel Outils de développement

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

Site web

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http thedesignagent 'https://www.thedesignagent.ai/mcp' --header 'Authorization: <Optional: Bearer tda_... API key, for CI and headless use. Without it, clients that support MCP authorization sign in with OAuth.>'
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "thedesignagent": {
            "type": "http",
            "url": "https://www.thedesignagent.ai/mcp",
            "headers": {
                "Authorization": "<Optional: Bearer tda_... API key, for CI and headless use. Without it, clients that support MCP authorization sign in with OAuth.>"
            }
        }
    }
}
NPM package @thedesignagent/mcp
Claude Code 
claude mcp add thedesignagent -e 'THEDESIGNAGENT_API_KEY=<your thedesignagent_api_key>' -e 'CHROME_PATH=<CHROME_PATH>' -- npx -y @thedesignagent/mcp@0.5.3
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "thedesignagent": {
            "command": "npx",
            "args": [
                "-y",
                "@thedesignagent/mcp@0.5.3"
            ],
            "env": {
                "THEDESIGNAGENT_API_KEY": "<your thedesignagent_api_key>",
                "CHROME_PATH": "<CHROME_PATH>"
            }
        }
    }
}

Variables d'environnement

  • THEDESIGNAGENT_API_KEY obligatoire secret Your TheDesignAgent API key (starts with tda_)
  • CHROME_PATH Browser binary for Visual screenshots, if not found automatically

Questions fréquentes

Qu'est-ce que TheDesignAgent ?

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

Comment installer TheDesignAgent ?

Il fonctionne comme serveur distant. Dans Claude Code : claude mcp add --transport http thedesignagent 'https://www.thedesignagent.ai/mcp' --header 'Authorization: <Optional: Bearer tda_... API key, for CI and headless use. Without it, clients that support MCP authorization sign in with OAuth.>'. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour TheDesignAgent ?

Oui. Il attend THEDESIGNAGENT_API_KEY, Authorization, à renseigner dans sa configuration.

Qui maintient TheDesignAgent ?

Il est publié par ai.thedesignagent. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.