Flowstep MCP — Claude Desktop

Flowstep 已在 Claude 的连接器目录中作为可用连接器列出。连接器与您的 Claude 账户绑定，因此一旦添加 Flowstep，它便可同时在 Claude Desktop 和 claude.ai 中使用。

添加连接器

在目录中打开 Flowstep

前往 claude.ai/directory/flowstep，并添加 Flowstep 连接器。

进行身份验证

Claude 会在您的浏览器中打开 Flowstep 登录页面。使用您的 Flowstep 账户登录（邮箱/密码或 Google），然后在授权页面上点击 Allow。

启用连接器

在 Claude Desktop 对话中，确保 Flowstep 连接器处于开启状态。

连接前您需要一个 Flowstep 账户。请在 app.flowstep.ai 创建。

如果您希望将 Flowstep 配置为本地服务器，请编辑 claude_desktop_config.json，并通过 mcp-remote 桥接器进行连接。此方式需要 Node.js。配置文件的位置取决于您的操作系统：

{
  "mcpServers": {
    "flowstep": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://api.flowstep.ai/mcp"]
    }
  }
}

保存后重启 Claude Desktop。首次连接时，您的浏览器会打开 Flowstep 登录页面。

在 Claude Desktop 对话中：

List my Flowstep files

如果您看到文件列表（如果还没有任何文件，则为空列表），说明连接正常。

Generate a mobile profile screen in Flowstep with an avatar, display name, bio,
and an edit button. Show me the rendered image.

Claude Desktop 会依次调用 ai-design-screens → get-screen-image。