Email Builder
Emails that people and AI can design together.
A typed document model, an operations API for LLM agents, an email-safe HTML renderer and a modern React editor. One package, MIT licensed.
エージェントを強化
公開元自身のコマンドです。PlugMCP のエンドポイントではありません。
キーとログ付きでコピーをホスト。
npx -y @maildun/[email protected]Claude Code にはローカルコマンド用のインストールリンクがありません。下のコマンドをコピーして、ターミナルで実行してください。
claude mcp add maildun-email-builder -- npx -y @maildun/email-builder@0.6.0ターミナルで実行します。
{ "mcpServers": { "maildun-email-builder": { "command": "npx", "args": [ "-y", "@maildun/[email protected]" ] } }}claude_desktop_config.json
リモート URL か、手元のマシンのコマンドか 2 つのインストール方法の違い
PlugMCP で実行
A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.
起動公開元より
Emails that people and AI can design together.
A typed document model, an operations API for LLM agents, an email-safe HTML renderer and a modern React editor. One package, MIT licensed.
Agentic-first email builder: a typed document model, an operations API for LLM agents, a dependency-light HTML renderer, and a modern React editor.
AI is great at writing emails and bad at writing email HTML. Email Builder lets models and people edit the same structured document through the same validated operations, and leaves the HTML to a renderer that knows Outlook.
@usewaypoint/email-builder) designs convert with one call.npm install @maildun/email-builder
Edit with the React editor:
import { EmailEditor } from '@maildun/email-builder/editor';
import '@maildun/email-builder/styles.css';
export function Compose() {
return (
<div style={{ height: '100vh' }}>
<EmailEditor defaultValue={design} onChange={save} />
</div>
);
}
Render the stored JSON anywhere:
import { renderEmail } from '@maildun/email-builder';
const { html, text, warnings } = renderEmail(design);
Generate with any LLM:
import { buildSystemPrompt, createAgentSession, runTool, toAnthropicTools } from '@maildun/email-builder/agent';
const session = createAgentSession(design);
// system: buildSystemPrompt(), tools: toAnthropicTools(session.tools)
// for each tool call: runTool(session.tools, call.name, call.input)
session.getDocument(); // the new design
Connect an AI client over MCP:
claude mcp add email-builder -- npx -y @maildun/email-builder mcp --dir ./emails
The docs are also readable on GitHub in docs/.
bun install
bun run dev # playground at http://localhost:5173
bun run test
bun run docs:dev # this documentation at http://localhost:5174
See the contributing guide.
MIT. Parts of the UI and stylesheet come from shadcn/ui, Tailwind CSS and tw-animate-css (all MIT); see THIRD_PARTY_NOTICES.md. The EmailBuilder.js importer and font presets follow EmailBuilder.js (MIT) for compatibility.
Agentic-first email builder: a typed document model, an operations API for LLM agents, a dependency-light HTML renderer, and a modern React editor.
{ "mcpServers": { "maildun-email-builder": { "command": "npx", "args": [ "-y", "@maildun/[email protected]" ] } }}ツール
ツール一覧はまだありません。リモートサーバーは、最初のヘルスチェック後に取得されます。
よくある質問
このページで Cursor、Claude Desktop、Claude Code、VS Code 用の stdio 設定をコピーできます。PlugMCP のプロキシではなく、公開元のインストール方法を使います。
このレコードに必須の環境変数は記載されていません。
@maildun/email Builder は stdio 経由でローカル実行されます。
最終チェックは 2026-11-08 です。 Agentic-first email builder: a typed document model, an operations API for LLM agents, a dependency-light HTML renderer, and a modern React editor.