Email HTML MJML

Generiert und kompiliert MJML 4.x in clientübergreifend sichere HTML-E-Mails mit echten Outlook/Gmail-Fixes.

von framix-team · framix-team/skill-email-html-mjml

Getestet · Funktioniert ★ 9.2/10

Email HTML MJML — Generiert und kompiliert MJML 4.x in clientübergreifend sichere HTML-E-Mails mit echten Outlook/Gmail-Fixes.

Was es kann

Erstellt responsive MJML-E-Mail-Vorlagen (Willkommen, Promo, Transaktional, Newsletter) und kompiliert sie über die MJML CLI zu Produktions-HTML, wobei konkrete Outlook VML, Gmail 102KB-Clip, iOS/Android Stacking, Dark-Mode und WCAG-Barrierefreiheits-Fixes angewendet werden. Wird ausgelöst, wenn der Benutzer eine E-Mail-Vorlage erstellen/bauen/entwerfen, MJML kompilieren oder die clientübergreifende E-Mail-Darstellung beheben möchte.

Testbericht

Eine echte Willkommens-E-Mail-MJML-Datei über den dokumentierten Befehl `npx mjml --config.validationLevel=strict --config.minify=true` kompiliert und beim ersten Versuch eine funktionierende, strict-mode-gültige HTML-Datei (7.3KB, weit unter dem 102KB-Clip von Gmail) erhalten, mit Alt-Text und mj-html-attributes ARIA-Rollen, die bereits gemäß der Barrierefreiheits-Checkliste der Skill integriert waren – eine handgefertigte Baseline-E-Mail übersprang all das.

Getestet am: 2026-07-14 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/framix-team/skill-email-html-mjml
cd skill-email-html-mjml
mkdir -p ~/.claude/skills
cp -r email-html-mjml ~/.claude/skills/email-html-mjml

Befehle & Beispiel-Prompts

  • /email-html-mjmlGeneriert und kompiliert MJML 4.x in clientübergreifend sichere HTML-E-Mails mit echten Outlook/Gmail-Fixes.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • Build me a responsive welcome email template
  • Compile this MJML file into HTML for our newsletter
  • This promo email looks broken in Outlook, fix the rendering