TheDesignAgent

ai.thedesignagentv0.4.1更新于 Oct 3, 2026

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

已验证Streamable HTTP可网页运行Media & Design

概览

AI 生成的概览

一个设计代理，在编码代理的流程中为每个界面提供设计简报，并审查用户体验与视觉质量。

功能: TheDesignAgent 把设计代理接入编码代理的工作流程。根据其注册表描述，它会为每个界面提供设计简报，并审查用户体验与视觉质量。它既可以作为远程端点运行，也可以作为本地 npm 包通过 stdio 运行，并可使用本地 Chrome 二进制文件进行视觉截图。未公布工具列表，因此具体操作在此不作说明。
适用场景: 当你在编码代理中构建界面，并希望在做代码改动的同时获得设计简报和用户体验或视觉质量审查时，值得考虑。若只做后端工作，或已有独立的设计审查流程，则用处不大。
运行要求: 需要远程端点，或通过 stdio 运行的本地 npm 包 @thedesignagent/mcp，后者需要 Node.js。必须提供 API 密钥：本地方式使用 THEDESIGNAGENT_API_KEY，远程端点使用 Authorization bearer 请求头。可用 CHROME_PATH 指定用于视觉截图的浏览器二进制文件。

安装前请注意

API 密钥属于机密，请勿放入共享配置或日志。该服务器可通过本地浏览器截图，因此可能捕获所访问页面上的内容。未公布工具列表，它读取或修改项目中的哪些内容在此不作说明。

Web executable，通过 Streamable HTTP。远程服务在工作区中配置后即可从网页运行时运行。

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "mcp": {
      "type": "http",
      "url": "https://www.thedesignagent.ai/mcp"
    }
  }
}

工具元数据尚未被收录。