
Easy Email Builder
io.github.Shahkarkhan440v0.1.1更新于 Oct 9, 2026
Design HTML email templates with AI: render to HTML and open them in a visual editor
概览
让助手设计 HTML 邮件模板,校验并渲染它们,并生成可在可视化编辑器中打开的预览链接。
- 功能
- 该服务器为助手提供处理 HTML 邮件模板的工具:get_block_reference 说明模板格式(区块、属性、颜色、变量),list_templates 列出 31 个起始模板以及内置页眉和页脚 id,get_template 返回可供改写的起始模板。build_email 会校验模板、渲染出最终邮件 HTML、列出模板变量及其默认值,并返回一个可在可视化编辑器中打开该邮件的预览链接;它还可以把 HTML 或编辑器 JSON 保存为文件。
- 适用场景
- 当你希望助手起草或改写营销类、事务类邮件模板,并直接给出渲染后的 HTML 和可继续编辑的预览时,适合使用它。它适用于欢迎邮件、简报等模板工作,便于之后继续可视化编辑并导出。
- 运行要求
- 以 npm 包 easy-email-builder-mcp 通过 stdio 在本地运行,需要 Node.js 18+(Claude Desktop 可通过扩展使用其内置 Node 运行)。未声明需要账号或 API 密钥。可选环境变量 EASY_EMAIL_BUILDER_EDITOR_URL 用于把预览链接指向你自己部署的编辑器,该部署必须能解析 #z/ 链接格式。
安装
在 SourceWeft 中
- 打开 控制台中的 Easy Email Builder,将其添加到工作区。
- 为需要使用其工具的对话启用该服务。
Desktop only,通过 STDIO。 STDIO 服务会启动本地进程,因此需要 SourceWeft 桌面宿主。
其他 MCP 客户端
参照 仓库 中的启动说明。
README
Easy Email Builder MCP server
Let AI assistants (Claude, Cursor, VS Code, …) design HTML email templates with Easy Email Builder. The assistant writes the template, the server validates and renders it, and you get:
- the final email HTML,
- a preview link that opens the email in the visual editor, where you can keep editing and export it,
- the template's variables (
{{first_name}},{%unsubscribe_link%}, …) with their fallback values, - optionally the editor JSON, to load into the
EmailBuilderReact component.
Add it to your AI agent
Works with any agent that supports local MCP servers. The command-line setups need Node.js 18+.
Claude Desktop: one-click extension (easiest)
- Download easy-email-builder.mcpb.
- Double-click it (or drag it into Claude Desktop → Settings → Extensions) and click Install.
No Node.js or config editing needed: Claude Desktop runs it with its built-in Node.
Claude Code
--scope user makes it available in all your projects; leave it out to add it to the current project only.
OpenAI Codex
or in ~/.codex/config.toml:
VS Code (GitHub Copilot)
or .vscode/mcp.json in your project:
Gemini CLI
Cursor, Windsurf, Cline and others
Add this to the client's MCP config:
If the server fails to start with spawn npx ENOENT or env: node: No such file or directory (common with nvm, because desktop apps don't load your shell's PATH), use the full path from which npx as the command and add your Node folder to PATH:
ChatGPT and claude.ai (web): these only connect to MCP servers hosted at a URL. This server runs on your machine, so use it from Claude Desktop, Claude Code, Codex or one of the clients above.
Try it
Ask, for example: "Create a welcome email for my coffee shop with a 10% discount code and the customer's first name."
Tools
Preview links
The template is compressed into the link itself (…/Easy-Email-Builder/#z/…). Nothing is uploaded or stored on a server. Very large templates make long links, and some apps cut those off; build_email warns when a link is long.
To open links in your own deployment of the editor, set EASY_EMAIL_BUILDER_EDITOR_URL:
Your deployment must decode #z/ links; see decodeTemplateHash in src/getConfiguration.
Development
The server reuses the editor's own code from ../src (rendering, templates, variables) and bundles it into a single file.
Try it with the MCP Inspector: npx @modelcontextprotocol/inspector node dist/index.js.
Releasing
- Set the same version in
package.jsonand inserver.json(versionandpackages[0].version). The extension takes its version frompackage.json. pnpm test, thennpm publish --otp=<code>.mcp-publisher publish(after npm: the registry checks the npm package).- Create a GitHub release and attach
dist/easy-email-builder.mcpb(keep that file name: the README's download link points to the latest release'seasy-email-builder.mcpb).
License
MIT
来源:mcp/README.md,提交 e1edd83
工具
0版本历史
1- v0.1.1最新Oct 9, 2026


