Flowstep MCP — Claude Desktop

設定

編輯 claude_desktop_config.json。檔案位置取決於您的作業系統：

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

原生 HTTP (Claude Desktop v0.9+)
mcp-remote (較舊版本)

{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

需要安裝 Node.js。

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

儲存後重新啟動 Claude Desktop。

驗證

Claude Desktop 在首次連接時會開啟您的瀏覽器至 https://api.flowstep.ai/oauth/authorize。使用您的 Flowstep 認證登入，應用程式會擷取回調。

連接前您需要有 Flowstep 帳戶。可在 app.flowstep.ai 建立。

驗證連接

在 Claude Desktop 對話中：

List my Flowstep files

如果您看到檔案清單（如果沒有檔案則為空陣列），連接即可運作。

使用範例

Create a Flowstep file called "Profile page", generate a mobile profile screen
with an avatar, display name, bio, and an edit button. Show me the rendered image.

Claude Desktop 會依序呼叫 create-file → ai-prompt → get-screen-image。

Flowstep MCP — Windsurf

Flowstep MCP — claude.ai

快速開始

使用 Flowstep

團隊與組織

匯出與整合

MCP 伺服器

計費與方案

安全與隱私

Flowstep MCP — Claude Desktop

設定

驗證

驗證連接

使用範例

​設定

​驗證

​驗證連接

​使用範例

設定

驗證

驗證連接

使用範例