
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


