Email HTML Mjml banner
framix-team framix-team

Email HTML Mjml

Communication community intermediate

Description

**A Claude Code skill that generates responsive, cross-client HTML email from a single conversation.**

Installation

Terminal
claude install-skill https://github.com/framix-team/skill-email-html-mjml

README

email-html-mjml — Production-Ready Email Templates for Claude Code

**A Claude Code skill that generates responsive, cross-client HTML email from a single conversation.**

Describe your email. Get back valid MJML source and compiled, production-ready HTML — guaranteed to render in Outlook 2013–365, Gmail (web and app), and Apple Mail without manual table coding, VML hand-authoring, or email client guesswork.


The Problem: Email Rendering Is Broken by Design

Every major email client uses a different rendering engine:

    undefined

The result: an email that looks correct in a browser can break catastrophically in production. Fixing it requires deep knowledge of **VML injection**, **Ghost Tables**, **CSS inlining**, and client-specific quirks that are rarely documented in one place.


The Solution: MJML as a Reliability Framework

This skill uses **MJML 4.x** — not as a convenience layer, but as a **structural reliability framework**. MJML compiles semantic XML into the deeply nested, client-specific table HTML that email clients actually need. The output includes:

    undefined

Writing this HTML by hand is error-prone and nearly impossible to maintain. MJML makes the correct output the default output.


What This Skill Delivers

...