mcpField
F
flow2

flow2

远程服务
flow2.co生产力023 周前更新

关于 flow2

flow2 是用于在 Flow2 账户中创建和管理移动优先演示文稿的 MCP 服务。AI 助手可通过聊天编辑屏幕与内容块、查看预览并发布流程。

主要功能

  1. 01创建和编辑演示文稿
  2. 02管理屏幕与内容块
  3. 03预览单个屏幕或完整流程
  4. 04发布流程
  5. 05跟踪任务和账户额度

适用场景

  1. 01起草移动端产品演示稿
  2. 02修改演示文稿屏幕和样式
  3. 03在聊天中查看流程预览

MCP 相关

通过远程 streamable HTTP 向 MCP 客户端提供 Flow2 演示文稿工具。使用 OAuth 2.1 授权客户端。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.flow2.co/
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

Flow2 MCP Server

设计移动优先的演示文稿——通过 AI 助手创建、编辑、预览和发布。

这是 Flow2 的官方 Model Context Protocol 服务。它让 Claude 等 AI 助手能够直接操作你的 Flow2 账户:创建新流程、添加和编辑屏幕、插入区块、预览结果并发布——只需在聊天中输入提示词。

  • Endpoint: https://mcp.flow2.co/
  • Transport: streamable-http
  • Auth: 使用动态客户端注册(RFC 7591)的 OAuth 2.1
  • Registry: co.flow2/flow2

快速开始

Claude Code(和 Cowork)
claude mcp add --transport http flow2 https://mcp.flow2.co/ --scope user

然后在 Claude Code 中运行 /mcp,完成 OAuth 登录。

Claude.ai(网页端 + 桌面端)

设置 → 连接器 → 添加自定义连接器 → URL:https://mcp.flow2.co/。点击 连接 进行授权。

Cursor

在 ~/.cursor/mcp.json 中:

{
  "mcpServers": {
    "flow2": {
      "url": "https://mcp.flow2.co/"
    }
  }
}
其他兼容 MCP 的客户端

任何支持远程 streamable-HTTP MCP 服务的客户端,都可以使用上方的 URL 进行连接。客户端支持 DCR 时,OAuth 会自动处理。


功能

Flow2 MCP 服务通过工具提供完整的流程创作功能:

工具功能
create_flow创建新的 Flow2 演示文稿
update_flow_meta重命名流程或更新流程级元数据
get_flow读取流程的当前状态
add_screen向流程添加新屏幕
get_screen读取屏幕及其区块
delete_screen从流程中移除屏幕
add_block向屏幕添加区块(文本、图片、按钮等)
patch_block更新现有区块的内容或样式
delete_block从屏幕中移除区块
get_blocks_schema列出可用的区块类型及其架构
get_preview获取单个屏幕的截图 URL
render-flow-preview在聊天中内嵌显示整个流程——以垂直滚动方式预览所有屏幕,并显示主题强调色指示器(在支持 Apps 的客户端中可交互)
render-screen-preview在聊天中以内嵌的手机边框截图形式显示单个屏幕
list_jobs / check_job_status跟踪长时间运行的操作
check_credits查看账户剩余点数

所有写入工具在适用情况下都标注了 destructiveHint: false,让 AI 客户端能够判断操作是否安全。只读工具标注了 readOnlyHint: true。

内嵌预览(支持 Apps 的客户端)

在支持 MCP Apps 扩展 的客户端(Claude.ai 网页端 + 桌面端、Claude Code、ChatGPT、Cursor、VS Code)中,render-flow-preview 和 render-screen-preview 会在沙盒 iframe 中生成可交互的内嵌预览——无需离开聊天即可查看流程。单个屏幕上的 CTA 按钮会变成可点击跳转的链接;指示器会采用流程的主题强调色。其他客户端则会回退为封面截图。


提示词示例

连接服务后,可以试试:

  • “为我的金融科技应用创建一份新的移动端路演演示文稿,应用名为 ‘Lumen’。”
  • “添加一个主视觉屏幕,包含醒目的标题和一个 ‘Get started’ 按钮。”
  • “生成三个产品功能屏幕,配上图标和简短说明。”
  • “给我看看最新的流程。”(会渲染内嵌预览)
  • “预览我的定价流程中的第 3 个屏幕。”
  • “分享最新流程的链接。”

助手会调用相应的 MCP 工具,你会在 Flow2 账户中实时看到更改。


身份验证

该服务通过动态客户端注册实现 OAuth 2.1。首次从新客户端连接时,它会:

  1. 发现 /.well-known/oauth-authorization-server
  2. 通过 registration_endpoint 将自身注册为客户端
  3. 引导你完成标准的 PKCE 授权码流程
  4. 存储刷新令牌,以便持续访问

你可以随时在 Flow2 账户设置中撤销客户端。


隐私与数据处理

  • 范围: MCP 服务仅访问属于已通过身份验证用户的 Flow2 数据。
  • 日志记录: 出于运维目的,会记录请求元数据(工具名称、时间戳、状态);工具参数和响应正文仅在请求生命周期内保留。
  • 第三方服务: Flow2 使用少量基础设施服务提供商(托管、错误跟踪)——完整列表请参阅隐私政策。
  • 保留期限: 身份验证令牌以静态加密方式存储;在 Flow2 设置中撤销访问权限后,这些令牌将被清除。

详细信息:隐私政策 · 服务条款。


支持


许可证

MIT — 请参阅 LICENSE。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。