Flowstep MCP — Claude Desktop

Flowstep 已列於 Claude 的連接器目錄中。連接器會附加到你的 Claude 帳號，因此新增 Flowstep 後，即可同時在 Claude Desktop 與 claude.ai 中使用。

新增連接器

在目錄中開啟 Flowstep

前往 claude.ai/directory/flowstep，並新增 Flowstep 連接器。

驗證身分

Claude 會在你的瀏覽器中開啟 Flowstep 登入頁面。請使用你的 Flowstep 帳號登入（電子郵件/密碼或 Google），然後在授權畫面點擊 Allow。

啟用連接器

在 Claude Desktop 對話中，請確認 Flowstep 連接器已開啟。

連線前你需要一個 Flowstep 帳號。請在 app.flowstep.ai 建立。

如果你偏好將 Flowstep 設定為本機伺服器，請編輯 claude_desktop_config.json，並透過 mcp-remote 橋接器連接。這需要 Node.js。檔案位置取決於你的作業系統：

{
  "mcpServers": {
    "flowstep": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://api.flowstep.ai/mcp"]
    }
  }
}

儲存後請重新啟動 Claude Desktop。首次連接時，你的瀏覽器會開啟 Flowstep 登入頁面。

在 Claude Desktop 對話中：

List my Flowstep files

若你看到檔案清單（若尚無任何檔案，則會是空白清單），表示連線正常。

Generate a mobile profile screen in Flowstep with an avatar, display name, bio,
and an edit button. Show me the rendered image.

Claude Desktop 會依序呼叫 ai-design-screens → get-screen-image。