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"
    }
  }
}

工具後設資料尚未被收錄。