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.
Agenten stärken
Der eigene Befehl des Herausgebers. Kein PlugMCP-Endpunkt.
Host a copy with our keys and logs.
npx -y @maildun/[email protected]Claude Code hat keinen Installationslink für einen lokalen Befehl. Kopieren Sie den Befehl unten und führen Sie ihn in einem Terminal aus.
claude mcp add maildun-email-builder -- npx -y @maildun/email-builder@0.6.0In einem Terminal ausführen.
{ "mcpServers": { "maildun-email-builder": { "command": "npx", "args": [ "-y", "@maildun/[email protected]" ] } }}claude_desktop_config.json
Remote-URL oder ein Befehl auf Ihrem Rechner? Worin sich die beiden Installationen unterscheiden
Auf PlugMCP ausführen
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.
StartenVom Herausgeber
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]" ] } }}Tools
Noch keine Tool-Liste. Remote-Server erhalten eine nach dem ersten Health-Check.
FAQ
Kopieren Sie auf dieser Seite die stdio-Konfiguration für Cursor, Claude Desktop, Claude Code oder VS Code. Sie nutzt die Installation des Herausgebers, keinen PlugMCP-Proxy.
In diesem Eintrag ist keine erforderliche Umgebungsvariable aufgeführt.
@maildun/email Builder läuft lokal über stdio.
Zuletzt geprüft: 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.