> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep MCP — Cursor

> 使用 Streamable HTTP MCP 传输将 Flowstep 连接到 Cursor。

## 配置

将服务器添加到你的 MCP 配置中。Cursor 会在两个位置查找此配置 — 使用全局文件在所有项目中启用它，或使用项目文件将其限制在特定项目范围内。

<Tabs>
  <Tab title="全局 (~/.cursor/mcp.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>

  <Tab title="项目 (.cursor/mcp.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>
</Tabs>

保存文件后重启 Cursor。

## 身份验证

打开 **Settings → MCP**（设置 → MCP），然后点击 Flowstep 旁边的 **Connect**（连接）。Cursor 将在你的浏览器中打开 `https://api.flowstep.ai/oauth/authorize`。使用你的 Flowstep 凭证（电子邮件/密码或 Google SSO）登录。Cursor 自动捕获回调并存储令牌。

<Note>
  连接前需要一个 Flowstep 账户。访问 [app.flowstep.ai](https://app.flowstep.ai) 创建一个账户。
</Note>

## 验证连接

在 Cursor 聊天中输入：

```
List my Flowstep files
```

如果工具调用成功，说明连接正常工作。

## 使用示例

```
Create a Flowstep file called "Onboarding", generate a mobile sign-up screen
with name, email, and password fields, then show me the image.
```

Cursor 将依次调用 `create-file` → `ai-prompt` → `get-screen-image`。