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

配置

身份验证

验证连接

使用示例

​配置

​身份验证

​验证连接

​使用示例

配置

身份验证

验证连接

使用示例