Flowstep MCP — Claude Code

設定

將伺服器新增至您的 Claude Code 設定。使用全域設定檔在所有地方啟用，或按專案新增。

全域 (~/.claude/settings.json)
專案 (.claude/settings.json)

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

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

或者使用 CLI：

claude mcp add --transport http flowstep-production https://api.flowstep.ai/mcp

驗證

Claude Code 在第一次呼叫 Flowstep 工具時會自動處理 OAuth 2.1 PKCE 流程。您的瀏覽器會開啟至 https://api.flowstep.ai/oauth/authorize。使用您的 Flowstep 認證登入，CLI 會擷取回調。

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

驗證連接

claude mcp list

伺服器應顯示為已連接。然後在 Claude Code 工作階段中：

List my Flowstep files

使用範例

Create a Flowstep file called "Settings page", generate a desktop settings screen
for a developer tool with sections for API keys, notifications, and team members.
Show me the rendered image when done.

Flowstep MCP — Cursor

Flowstep MCP — Windsurf

​設定

​驗證

​驗證連接

​使用範例

設定

驗證

驗證連接

使用範例