Email HTML MJML

Genereert en compileert MJML 4.x naar cross-client-veilige HTML e-mail met echte Outlook/Gmail fixes.

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

Getest · Werkt ★ 9.2/10

Email HTML MJML — Genereert en compileert MJML 4.x naar cross-client-veilige HTML e-mail met echte Outlook/Gmail fixes.

Wat het doet

Bouwt responsieve MJML e-mailtemplates (welcome, promo, transactional, newsletter) en compileert deze naar productie HTML via de MJML CLI, waarbij concrete Outlook VML, Gmail 102KB-clip, iOS/Android stacking, dark-mode, en WCAG-accessibility fixes worden toegepast. Triggert wanneer de gebruiker vraagt om een e-mailtemplate te maken/bouwen/ontwerpen, MJML te compileren, of cross-client e-mail rendering te repareren.

Testrapport

Een echt welcome-email MJML-bestand gecompileerd via het gedocumenteerde `npx mjml --config.validationLevel=strict --config.minify=true` commando en kreeg een werkend, strict-mode-valid HTML-bestand (7.3KB, ruim onder Gmail's 102KB clip) bij de eerste poging, met alt text en mj-html-attributes ARIA roles al ingebakken volgens de accessibility checklist van de skill — een handgemaakte baseline e-mail sloeg dit alles over.

Getest op: 2026-07-14 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /email-html-mjmlGenereert en compileert MJML 4.x naar cross-client-veilige HTML e-mail met echte Outlook/Gmail fixes.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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