Email HTML MJML
Generates and compiles MJML 4.x into cross-client-safe HTML email with real Outlook/Gmail fixes
Test report
- Verdict
- Tested · Works
- Score
- Tested
- Jul 14, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Aug 10, 2026 · c0e43a5
Compiled a real welcome-email MJML file through the documented `npx mjml --config.validationLevel=strict --config.minify=true` command and got a working, strict-mode-valid HTML file (7.3KB, well under Gmail's 102KB clip) on the first try, with alt text and mj-html-attributes ARIA roles already baked in per the skill's accessibility checklist — a hand-rolled baseline email skipped all of that.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 5/5
- Triggers reliably 5/5
- Output vs. baseline 9/10
- Docs & honesty 4/5
What Email HTML MJML does
Builds responsive MJML email templates (welcome, promo, transactional, newsletter) and compiles them to production HTML via the MJML CLI, applying concrete Outlook VML, Gmail 102KB-clip, iOS/Android stacking, dark-mode, and WCAG-accessibility fixes along the way. Triggers when the user asks to create/build/design an email template, compile MJML, or fix cross-client email rendering.
How to install Email HTML MJML
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
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger Email HTML MJML
-
/email-html-mjmlGenerates and compiles MJML 4.x into cross-client-safe HTML email with real Outlook/Gmail fixes
It also activates on plain-language prompts like these:
-
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
Frequently asked questions
- Is the Email HTML MJML skill free?
- Yes. The skill itself is free from framix-team/skill-email-html-mjml. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Email HTML MJML work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 14, 2026. Verdict: Tested · Works. Compiled a real welcome-email MJML file through the documented `npx mjml --config.validationLevel=strict --config.minify=true` command and got a working, strict-mode-valid HTML file (7.3KB, well under Gmail's 102KB clip) on the first try, with alt text and mj-html-attributes ARIA roles already baked in per the skill's accessibility checklist — a hand-rolled baseline email skipped all of that.
- What is the Email HTML MJML SkillProof Score?
- 9.2/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 4/5.
- How do I install Email HTML MJML?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Email HTML MJML with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.