Flowstep MCP — Windsurf - Flowstep

設定

編輯 ~/.codeium/windsurf/mcp_config.json：

{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}

儲存後重新啟動 Windsurf。

驗證

首次使用時，Windsurf 會開啟您的瀏覽器至 Flowstep OAuth 登入頁面。使用您的 Flowstep 認證（電子郵件/密碼或 Google 單一登入）登入，Windsurf 會儲存令牌。

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

驗證連接

在 Windsurf 中開啟 MCP 面板並確認 Flowstep 已列出。在 Cascade 聊天中：

List my Flowstep files

使用範例

Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.