Pagenflow
Model Context Protocol

邮件工作流， 交给 Claude 来跑。

Pagenflow MCP 服务器可将 Claude、Claude Code、Cursor 或任何兼容 MCP 的智能体连接到你的账户。用自然语言创建项目、制作和校验邮件模板、发送测试邮件，无需本地安装。

生成访问令牌查看设置说明
claude mcp add --transport http pagenflow https://mcp.pagenflow.workers.dev

Claude Code 一行命令。其他客户端请见下方步骤。

ClaudeClaude · 已连接 Pagenflow
把我们的黑色星期五邮件复制一份用于网络星期一，标题改成“仅限 48 小时”，校验后给我发一封测试邮件。
Claude
  • template_duplicateBlack Friday → Black Friday (Cyber Monday)
  • template_field_ops已更新标题、按钮文案和主图
  • template_validate0 个错误 · 1 个警告（缺少替代文本）
  • template_test_send已发送至 you@brand.com
已完成。Black Friday (Cyber Monday) 已准备就绪，测试邮件已在你的收件箱。校验发现一张图片缺少替代文本 — 需要我修复吗？

兼容

ClaudeClaudeCursorCursorWindsurfWindsurfClineClineCodexCodexKimiKimi
功能

Pagenflow MCP 服务器能做什么

Model Context Protocol（MCP）是一项开放标准，让 AI 助手能够调用真实应用。Pagenflow 将你的账户以工具形式开放：用自然语言说出来就能完成，权限与你现有的完全一致。

把春季促销邮件导出为 React Email，并发我一张截图。
template_exporttemplate_screenshot

模板

制作、校验、发布和导出（HTML、React、Shopify Liquid），发送测试邮件并生成预览截图。

归档去年的活动，并给 Q4 发布加星标。
project_archiveproject_toggle_star

项目

创建、星标、归档、复制和发布项目。

邀请 sam@acme.com 成为编辑者。
team_member_inviteteam_member_update_role

团队与成员

邀请队友、更改角色、切换工作区。

把主色设为 #D97757，并上传新的 Logo。
design_system_set_tokensdesign_system_set_logo

设计系统与字体

品牌色、字体排版令牌和 Logo，始终保持同步。

我们有哪些页脚组件？
component_category_listcomponent_list

可复用组件

浏览并管理团队共享的区块。

这个月还剩多少额度？
credits_getbilling_get

账单与额度

在批量导出或发送测试前，先查看你的方案和额度余额。

把 qa@acme.com 加到我的测试收件人里。
recipient_addintegration_list

集成与收件人

查看已连接的集成，并管理测试收件人列表。

暂不支持：拖放画布本身、连接全新的第三方集成，以及完成付款。这些仍需在浏览器中操作。

设置

如何将 Pagenflow 连接到你的 AI 助手

三步即可使用托管的 MCP 服务器：无需安装，也无需保持运行。

  1. 1

    生成个人访问令牌

    前往账户设置 → API 令牌，为其命名（如“Claude Desktop”）并复制。令牌只显示一次，拥有与登录相同的权限，请只保存在 AI 客户端的配置中。

  2. 2

    将 Pagenflow 添加为远程 MCP 服务器

    选择你的客户端，在各处粘贴相同的 URL 和令牌。使用标准的 Streamable HTTP。

    Settings → Developer → Edit Config

    JSON
    {
  "mcpServers": {
    "pagenflow": {
      "url": "https://mcp.pagenflow.workers.dev",
      "headers": {
        "Authorization": "Bearer pfmcp_live_your_token_here"
      }
    }
  }
}
  3. 3

    让助手开始工作

    试试“列出我的 Pagenflow 团队”或“创建一个名为新手引导邮件的项目”。助手会自行发现工具，且只能看到你的账户可以使用的工具。

井然有序的工具

每个工具都按领域命名并限定范围，助手每次都能选对。

仅限你的账户权限

令牌只能做其所有者在应用中能做的事。可随时在账户设置中撤销。

无需安装

托管的 Streamable HTTP 服务器。只需把客户端指向一个 URL，无需维护本地进程。

常见问题

Pagenflow MCP 服务器常见问题

通过 MCP 使用 Pagenflow 所需了解的一切。

什么是 Model Context Protocol（MCP）？

MCP 是一项开放标准，让 Claude 等 AI 助手能够安全地连接外部工具和数据源。无需在应用和聊天窗口之间复制粘贴，兼容 MCP 的助手可以直接调用一组既定的“工具” — 在 Pagenflow 中，就是创建项目、管理模板、邀请队友等数十种操作。

我的个人访问令牌安全吗？可以撤销吗？

个人访问令牌拥有与登录相同的权限 — 请像对待密码一样保管它。你可以在「账户设置 → API 令牌」中自行生成和撤销令牌，撤销即时生效。建议为每个 MCP 客户端（如“Claude Desktop”“Claude Code”）使用单独的令牌，这样撤销其中一个不会影响其他客户端。

AI 助手能编辑我模板的视觉设计吗？

暂时还不行。MCP 服务器涵盖模板周边的一切 — 创建、整理、发布、导出、测试和截图 — 但拖放式设计本身仍需在 Pagenflow 编辑器中完成。AI 驱动的可视化编辑已列入我们的路线图。

哪些 AI 工具可以使用 Pagenflow 的 MCP 服务器？

任何兼容 MCP 的客户端：Claude Desktop、Claude Code、Cursor、Windsurf、Cline、Codex、Kimi，以及其他支持 MCP Streamable HTTP 传输的智能体框架。只需在客户端配置中添加我们的服务器 URL 和你的个人访问令牌即可连接 — 无需本地安装。

通过 MCP 执行的操作会消耗我方案的额度吗？

会 — 在应用中需要消耗额度的 MCP 工具调用（如导出模板或发送测试邮件），通过 MCP 也消耗同样的额度。只读操作，如列出项目或查看额度余额，始终免费。

开始使用

把邮件工作的钥匙交给 Claude。

生成令牌、粘贴一条命令，即可用自然语言管理你的邮件模板。随时可撤销访问权限。

生成访问令牌设置说明
claude mcp add --transport http pagenflow https://mcp.pagenflow.workers.dev

无需本地安装 · 支持 Claude、Cursor、Windsurf、Cline、Codex 和 Kimi