跳轉到主要內容

​
設定

使用 Claude Code CLI 新增伺服器：
若要與所有在同一儲存庫中工作的人共用此伺服器，請改將它加入專案根目錄的 .mcp.json，並提交該檔案：
"type": "http" 欄位是 Claude Code HTTP 伺服器所必需的。

​
驗證

第一次呼叫 Flowstep 工具時，Claude Code 會自動處理 OAuth 2.1 PKCE 流程。你的瀏覽器會開啟 Flowstep 登入頁面。請使用你的 Flowstep 憑證登入（電子郵件/密碼或 Google），在授權畫面點擊 Allow，CLI 便會接收回呼。你無需建立或輪替任何 API 金鑰。
驗證身分前你需要一個 Flowstep 帳號。請在 app.flowstep.ai 建立。

​
驗證連線

在 Claude Code 工作階段中輸入 /mcp。Flowstep 應會列為已連接，且其工具可用。接著詢問：

​
使用範例

Claude Code 會呼叫 ai-design-screens → get-screen-image，並直接顯示渲染結果。由於 Claude Code 已開啟你的儲存庫，你可以接著輸入「現在請在我們的應用程式中建構這個畫面」，它便能透過 get-screen-jsx 讀取設計，並依照你的元件加以實作。