跳转到主要内容

​
先决条件

需要 Cursor v0.43+

​
步骤 1 — 添加服务器

创建或编辑 ~/.cursor/mcp.json（全局）或项目根目录中的 .cursor/mcp.json：
{
  "mcpServers": {
    "flowstep": {
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}
保存后重启 Cursor。

​
步骤 2 — 认证

打开 Cursor MCP 面板（Settings → MCP）并在 Flowstep 旁边点击 Connect。Cursor 会打开您的浏览器进行 Flowstep OAuth 登录。使用您的 Flowstep 凭证（电子邮件/密码或 Google）登录。浏览器重定向回去，Cursor 自动存储令牌。
在进行身份验证前，您需要一个 Flowstep 账户。如果您没有账户，请先在 app.flowstep.ai 注册。

​
步骤 3 — 运行工具调用

在 Cursor 聊天中，问：
“List my Flowstep files”
Cursor 调用 list-files 并返回您的文件列表。如果响应为空，请先创建一个文件：
“Create a new Flowstep file called ‘Dashboard‘“

​
步骤 4 — 生成屏幕

Create a new Flowstep file called "Login flow", then generate a mobile login screen
for a SaaS app with email/password fields and a Google sign-in button.
After it finishes, show me the image.
Cursor 调用 create-new-design（在一个步骤中创建文件并生成屏幕），然后调用 get-screen-image。您将在聊天中看到呈现的设计。

​
后续步骤