mcpField
F
formpaste

formpaste

远程服务
formpaste.com开发工具013 周前更新

关于 formpaste

formpaste-mcp 将编码 Agent 连接到 Formpaste 托管服务,用于创建和接入联系表单。六种工具涵盖表单设置、代码片段、配置检查、测试提交及可选的提交列表。

主要功能

  1. 01创建表单并返回访问密钥
  2. 02生成特定框架的代码片段
  3. 03列出表单并检查配置
  4. 04提交测试并验证接入状态
  5. 05列出提交内容及可选正文
  6. 06设置权限令牌不含提交读取权限

适用场景

  1. 01构建网站时创建联系表单
  2. 02将表单代码片段加入现有页面
  3. 03测试新接入的表单是否可用

MCP 相关

它通过 `mcp-remote` 连接 Formpaste 托管的 MCP 端点,使用 streamable HTTP。MCP 客户端可调用六种表单、代码片段和提交相关工具;API 令牌控制提交内容的访问权限。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://api.formpaste.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

全部服务地址
Streamable HTTPhttps://api.formpaste.com/mcp需要授权
安装包
npmformpaste-mcp1.0.1

工具

6
参数类型必填说明
namestring是表单的易读名称,例如 "Contact form"。
frameworkenum否返回的代码片段所面向的框架。默认值为 html。html | react | nextjs | astro | vue | svelte
destinationEmailstring是接收表单提交邮件的地址。开始投递前必须完成验证。

详细介绍

formpaste-mcp

通过编码 Agent 创建并接入联系表单。提供六种用于表单、代码片段和提交内容的工具。

这是什么

此软件包是一个轻量封装,用于启动 mcp-remote,并将其指向托管的 Formpaste MCP 服务(https://api.formpaste.com/mcp,采用 streamable-http 传输)。等效的手动 mcp-remote 配置效果完全相同;此软件包的主要作用是让 Agent 和客户端能够按名称发现并安装 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 会从环境变量(或 --token 标志)读取 FORMPASTE_TOKEN,并为你启动 mcp-remote,连接到托管端点。

六种工具

工具用途范围
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 令牌有两种范围:

  • full 可以执行所有操作,包括通过 list_submissions 读取提交内容。
  • setup 可以执行除 list_submissions 之外的所有操作,因此不会读取第三方提交内容。

请为 Agent 使用 setup 范围的令牌。它可以创建表单、获取代码片段并验证表单是否正确接入,但不会授予访问表单收集数据的权限。

操作示例

请参阅 examples/wire-a-form.md,了解完整操作流程:创建表单、获取代码片段、将其粘贴到页面中、发送测试提交,并确认表单已正确接入。

链接

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。