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헤드라인, CTA 문구, 히어로 이미지 업데이트됨
  • template_validate오류 0 · 경고 1 (대체 텍스트 없음)
  • template_test_sendyou@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만 지정하면 되고 로컬 프로세스는 필요 없습니다.

FAQ

Pagenflow MCP 서버 FAQ

MCP로 Pagenflow를 사용하는 데 필요한 모든 것.

Model Context Protocol(MCP)이란 무엇인가요?

MCP는 Claude 같은 AI 어시스턴트가 외부 도구와 데이터 소스에 안전하게 연결할 수 있게 해 주는 개방형 표준입니다. 앱과 채팅 창 사이에서 복사·붙여넣기하는 대신, MCP 호환 어시스턴트가 정의된 “도구”를 직접 호출합니다. Pagenflow에서는 프로젝트 생성, 템플릿 관리, 팀원 초대 등 수십 가지 작업이 여기에 해당합니다.

개인 액세스 토큰은 안전한가요? 취소할 수 있나요?

개인 액세스 토큰은 로그인과 같은 권한을 가지므로 비밀번호처럼 다뤄 주세요. 토큰은 계정 설정 → API 토큰에서 직접 발급하고 취소할 수 있으며, 취소는 즉시 적용됩니다. MCP 클라이언트마다(예: “Claude Desktop”, “Claude Code”) 별도 토큰을 쓰면 다른 클라이언트에 영향 없이 하나만 취소할 수 있습니다.

AI 어시스턴트가 템플릿의 시각 디자인을 편집할 수 있나요?

아직은 아닙니다. MCP 서버는 템플릿 생성, 정리, 게시, 내보내기, 테스트, 스크린샷 등 템플릿 주변의 모든 작업을 다루지만, 드래그 앤 드롭 디자인 자체는 여전히 Pagenflow 에디터에서 합니다. AI 기반 시각 편집은 로드맵에 있습니다.

Pagenflow MCP 서버와 호환되는 AI 도구는 무엇인가요?

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 지원