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，並上傳新的標誌。
design_system_set_tokensdesign_system_set_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