English Français العربية

TheDesignAgent

السجل الرسمي أدوات المطورين

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

الموقع

التثبيت

أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: ‏.cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «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.>'
إعداد 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
إعداد 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>"
            }
        }
    }
}

متغيرات البيئة

  • THEDESIGNAGENT_API_KEY إلزامي سري Your TheDesignAgent API key (starts with tda_)
  • CHROME_PATH Browser binary for Visual screenshots, if not found automatically

الأسئلة الشائعة

ما هو TheDesignAgent؟

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

كيف أثبّت TheDesignAgent؟

يعمل كخادم بعيد. في 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.>'. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.

هل يحتاج TheDesignAgent إلى مفتاح API؟

نعم. يتطلب THEDESIGNAGENT_API_KEY, Authorization، وتضبطها في إعداداته.

من يصون TheDesignAgent؟

ينشره ai.thedesignagent. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.

من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.