Model Context Protocol

Jalankan alur kerja email Anda dari Claude.

Server MCP Pagenflow menghubungkan Claude, Claude Code, Cursor, atau agen apa pun yang kompatibel dengan MCP ke akun Anda. Buat proyek, susun dan validasi template email, serta kirim email uji dengan bahasa sehari-hari, tanpa instalasi lokal.

claude mcp add --transport http pagenflow https://mcp.pagenflow.workers.dev

Perintah satu baris untuk Claude Code. Klien lain ada di langkah-langkah di bawah.

ClaudeClaude · Pagenflow terhubung
Duplikat email Black Friday kami untuk Cyber Monday, ganti judulnya menjadi “Hanya 48 jam”, validasi, lalu kirimi saya email uji.
Claude
  • template_duplicateBlack Friday → Black Friday (Cyber Monday)
  • template_field_opsJudul, label CTA, dan gambar utama diperbarui
  • template_validate0 error · 1 peringatan (teks alt tidak ada)
  • template_test_sendTerkirim ke you@brand.com
Selesai. Black Friday (Cyber Monday) sudah siap dan email uji sudah ada di inbox Anda. Validasi menemukan satu gambar tanpa teks alt — mau saya perbaiki?
Kemampuan

Yang bisa Anda lakukan dengan server MCP Pagenflow

Model Context Protocol (MCP) adalah standar terbuka yang memungkinkan asisten AI menggunakan aplikasi sungguhan. Pagenflow menyediakan akun Anda sebagai alat: ucapkan dengan bahasa sehari-hari dan langsung terjadi, dengan izin yang sama persis seperti yang sudah Anda miliki.

Ekspor email Promo Musim Semi sebagai React Email dan kirimi saya tangkapan layarnya.
template_exporttemplate_screenshot

Template

Susun, validasi, publikasikan, dan ekspor (HTML, React, Shopify Liquid), kirim email uji, dan buat tangkapan layar pratinjau.

Arsipkan kampanye tahun lalu dan beri bintang pada Peluncuran Q4.
project_archiveproject_toggle_star

Proyek

Buat, beri bintang, arsipkan, duplikat, dan publikasikan proyek.

Undang sam@acme.com sebagai editor.
team_member_inviteteam_member_update_role

Tim & anggota

Undang rekan tim, ubah peran, ganti workspace.

Atur warna utama kami ke #D97757 dan unggah logo baru.
design_system_set_tokensdesign_system_set_logo

Sistem desain & font

Warna brand, token tipografi, dan logo, selalu sinkron.

Komponen footer apa saja yang kita punya?
component_category_listcomponent_list

Komponen yang dapat digunakan ulang

Jelajahi dan kelola blok yang dibagikan tim Anda.

Berapa kredit yang tersisa bulan ini?
credits_getbilling_get

Tagihan & kredit

Cek paket dan saldo kredit sebelum memulai serangkaian ekspor atau pengiriman uji.

Tambahkan qa@acme.com ke penerima uji saya.
recipient_addintegration_list

Integrasi & penerima

Tinjau integrasi yang terhubung dan kelola daftar penerima uji Anda.

Belum didukung: kanvas drag-and-drop itu sendiri, menghubungkan integrasi pihak ketiga yang benar-benar baru, dan menyelesaikan pembayaran. Untuk itu masih diperlukan browser.

Penyiapan

Cara menghubungkan Pagenflow ke asisten AI Anda

Tiga langkah menuju server MCP yang di-hosting: tidak ada yang perlu diinstal atau dijalankan.

  1. 1

    Buat token akses pribadi

    Buka Pengaturan Akun → Token API, beri nama (mis. “Claude Desktop”), lalu salin. Token hanya ditampilkan sekali dan memberi akses yang sama seperti login, jadi simpan hanya di konfigurasi klien AI Anda.

  2. 2

    Tambahkan Pagenflow sebagai server MCP jarak jauh

    Pilih klien Anda dan tempelkan URL dan token yang sama di mana pun. Menggunakan Streamable HTTP standar.

    Settings → Developer → Edit Config

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

    Minta asisten Anda mulai bekerja

    Coba “tampilkan tim Pagenflow saya” atau “buat proyek bernama Email Onboarding”. Asisten Anda menemukan alat sendiri dan hanya melihat yang boleh digunakan akun Anda.

Alat yang tertata rapi

Setiap alat diberi nama dan cakupan per domain, sehingga asisten Anda selalu memilih yang tepat.

Terbatas pada akun Anda

Token hanya bisa melakukan apa yang bisa dilakukan pemiliknya di aplikasi. Cabut kapan saja dari pengaturan akun.

Tanpa instalasi

Server Streamable HTTP yang di-hosting. Arahkan klien Anda ke sebuah URL, tanpa proses lokal.

FAQ

FAQ server MCP Pagenflow

Semua yang perlu Anda ketahui tentang menggunakan Pagenflow melalui MCP.

Apa itu Model Context Protocol (MCP)?

MCP adalah standar terbuka yang memungkinkan asisten AI seperti Claude terhubung dengan aman ke alat dan sumber data eksternal. Alih-alih menyalin-tempel antara aplikasi dan jendela chat, asisten yang kompatibel dengan MCP dapat langsung memanggil sekumpulan “alat” — di Pagenflow, artinya membuat proyek, mengelola template, mengundang rekan tim, dan puluhan tindakan lainnya.

Apakah token akses pribadi saya aman? Bisakah saya mencabutnya?

Token akses pribadi memberi akses yang sama seperti login — perlakukan seperti kata sandi. Anda sendiri yang membuat dan mencabut token di Pengaturan Akun → Token API, dan pencabutan berlaku seketika. Kami sarankan satu token untuk setiap klien MCP (mis. “Claude Desktop”, “Claude Code”) agar Anda bisa mencabut satu tanpa memengaruhi yang lain.

Bisakah asisten AI mengedit desain visual template saya?

Belum. Server MCP mencakup semua hal di sekitar template — membuat, mengatur, memublikasikan, mengekspor, menguji, dan mengambil tangkapan layar — tetapi desain drag-and-drop-nya masih dilakukan di editor Pagenflow. Pengeditan visual berbasis AI ada dalam roadmap kami.

Alat AI apa saja yang bisa dipakai dengan server MCP Pagenflow?

Klien apa pun yang kompatibel dengan MCP: Claude Desktop, Claude Code, Cursor, Windsurf, Cline, Codex, Kimi, dan framework agen lain yang mendukung transport Streamable HTTP MCP. Anda terhubung dengan menambahkan URL server kami dan token akses pribadi ke konfigurasi klien — tanpa instalasi lokal.

Apakah tindakan lewat MCP menggunakan kredit paket saya?

Ya — panggilan alat MCP yang memakan kredit di aplikasi (seperti mengekspor template atau mengirim email uji) biayanya sama lewat MCP. Tindakan baca-saja, seperti melihat daftar proyek atau mengecek saldo kredit, selalu gratis.

Mulai

Serahkan kunci pekerjaan email Anda kepada Claude.

Buat token, tempel satu perintah, dan kelola template email Anda dengan bahasa sehari-hari. Akses bisa dicabut kapan saja.

claude mcp add --transport http pagenflow https://mcp.pagenflow.workers.dev

Tanpa instalasi lokal · Berfungsi dengan Claude, Cursor, Windsurf, Cline, Codex & Kimi