formpaste について
formpaste-mcpは、コーディングエージェントをFormpasteのホスト型サービスに接続し、問い合わせフォームの作成と組み込みを支援します。フォーム設定、スニペット、設定確認、テスト送信、任意の送信一覧を扱う6つのツールを備えています。
主な機能
- 01フォームを作成してアクセスキーを返す
- 02フレームワーク別スニペットの生成
- 03フォーム一覧と設定の確認
- 04テスト送信と組み込み確認
- 05本文を含む送信一覧の取得
- 06setupスコープでは送信内容を参照不可
活用シーン
- 01サイトの開発時に問い合わせフォームを作成
- 02既存ページにフォームスニペットを追加
- 03新たに組み込んだフォームの稼働確認
MCP 対応
`mcp-remote`を介し、streamable HTTPでFormpasteのホスト型MCPエンドポイントに接続します。MCPクライアントはフォーム、スニペット、送信に関する6つのツールを利用でき、APIトークンで送信内容へのアクセスを制御します。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://api.formpaste.com/mcpclaude mcp add --transport http com-formpaste-formpaste https://api.formpaste.com/mcp{"mcpServers":{"com-formpaste-formpaste":{"type":"http","url":"https://api.formpaste.com/mcp"}}}Cursor で開く{"servers":{"com-formpaste-formpaste":{"type":"http","url":"https://api.formpaste.com/mcp"}}}VS Code で開く{"mcpServers":{"com-formpaste-formpaste":{"type":"http","url":"https://api.formpaste.com/mcp"}}}{"mcpServers":{"com-formpaste-formpaste":{"serverUrl":"https://api.formpaste.com/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
https://api.formpaste.com/mcp認証が必要ツール
6| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| name | string | はい | フォームの人が読める名前。例:"Contact form"。 |
| framework | enum | いいえ | 返されるスニペットの対象フレームワーク。デフォルトは html です。html | react | nextjs | astro | vue | svelte |
| destinationEmail | string | はい | 送信内容をメールで受け取る宛先。配信を開始する前に検証が必要です。 |
詳細
formpaste-mcp
コーディングエージェントから問い合わせフォームを作成し、ページに組み込めます。フォーム、スニペット、送信内容を扱う6つのツールを提供します。
これは何ですか
このパッケージは、ホスト型 Formpaste MCP サーバー(https://api.formpaste.com/mcp、streamable-http トランスポートを使用)を指定して mcp-remote を起動する軽量なラッパーです。手動で設定する mcp-remote の構成も同じように動作します。このパッケージがあるのは主に、手動設定ではできないことを実現するためではなく、エージェントやクライアントが Formpaste の MCP サーバーを名前で見つけてインストールできるようにするためです。
要件
- Node.js 18 以降
- Formpaste アカウント
- Formpaste ダッシュボードの Settings -> API & MCP で発行した API トークン
インストール
以下の各クライアントは、ホスト型 MCP エンドポイント https://api.formpaste.com/mcp に接続するよう設定されています。fpat_YOUR_TOKEN を Settings -> API & MCP で発行したトークンに置き換えてください。
Claude Code
claude mcp add formpaste --transport http https://api.formpaste.com/mcp \
--header "Authorization: Bearer fpat_YOUR_TOKEN"
Codex
# ~/.codex/config.toml
[mcp_servers.formpaste]
command = "npx"
args = ["mcp-remote", "https://api.formpaste.com/mcp", "--header", "Authorization: Bearer fpat_YOUR_TOKEN"]
Cursor
// .cursor/mcp.json
{
"mcpServers": {
"formpaste": { "command": "npx", "args": ["mcp-remote", "https://api.formpaste.com/mcp", "--header", "Authorization: Bearer fpat_YOUR_TOKEN"] }
}
}
Claude Desktop
// claude_desktop_config.json
{
"mcpServers": {
"formpaste": { "command": "npx", "args": ["mcp-remote", "https://api.formpaste.com/mcp", "--header", "Authorization: Bearer fpat_YOUR_TOKEN"] }
}
}
VS Code
// .vscode/mcp.json
{
"servers": {
"formpaste": { "command": "npx", "args": ["mcp-remote", "https://api.formpaste.com/mcp", "--header", "Authorization: Bearer fpat_YOUR_TOKEN"] }
}
}
このパッケージを使う任意の MCP クライアント
FORMPASTE_TOKEN=fpat_YOUR_TOKEN npx formpaste-mcp
formpaste-mcp は環境変数 FORMPASTE_TOKEN(または --token フラグ)からトークンを読み取り、ホスト型エンドポイントに接続する mcp-remote を起動します。
6つのツール
| ツール | 用途 | スコープ |
|---|---|---|
create_form | フォームを作成し、アクセスキーと組み込み用スニペットを返します | setup |
get_snippet | html/react/nextjs/astro/vue/svelte 用のコピー&ペースト可能なスニペットを返します | setup |
list_forms | ID、名前、アクセスキー、受信トレイ/スパム件数とともに、すべてのフォームを一覧表示します | setup |
get_form | フォームの設定を読み取り、正しく組み込まれていることを確認します | setup |
send_test_submission | テスト送信を保存し、フォームが稼働中であることを確認します | setup |
list_submissions | 必要に応じてメッセージ本文を含め、送信内容を一覧表示します | full |
トークンのスコープ
Formpaste API トークンには2つのスコープがあります。
fullでは、list_submissionsによる送信内容の読み取りを含め、すべての操作を実行できます。setupでは、list_submissionsを除くすべての操作を実行できます。そのため、第三者からの送信内容を読み取ることはありません。
エージェントには setup スコープのトークンを使用してください。フォームの作成、スニペットの取得、フォームが正しく組み込まれていることの確認が可能で、フォームで収集したデータへのアクセス権は付与されません。
使用例
examples/wire-a-form.md で、フォームの作成、スニペットの取得、ページへの貼り付け、テスト送信、フォームが正しく組み込まれていることの確認までを順に説明しています。
リンク
- ドキュメント:https://formpaste.com/docs
- MCP サーバーのドキュメント:https://formpaste.com/docs/agents/mcp-server
- インストールガイド:https://formpaste.com/docs/agents/install
- 問題の報告:https://github.com/webrating/formpaste-mcp/issues
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。