Part of Generate Cross-Client HTML Email Templates
Content Blueprint
Safety checkedGenerate MJML Email Templates
Creates responsive, cross-client MJML source templates with complete head blocks, layouts, and content blocks.
What problem does this solve?
Generates semantic MJML templates that encode email client constraints (Outlook Word rendering, Gmail CSS stripping, iOS whitespace bugs) into correct structure from the start. Instead of writing nested table HTML by hand or guessing which rendering engine each client uses, this produces valid, maintainable MJML that compiles to the correct output for every major client.
How does it work?
Describe your email (welcome, promo, transactional, etc.) and any brand colors or required layout. The skill infers the structure, reads the relevant MJML component references, and generates a complete MJML file with mj-head (attributes, fonts, styles, title, preview) and mj-body structured as mj-sections and mj-columns. Output is a .mjml source file ready to compile, version-control, and edit.
Included Skills
No skills in this group
What's required to run this?
MJML components follow a strict hierarchy: mj-section contains mj-column (or mj-group with mj-column inside), and all visual content lives inside mj-column. Sections cannot be nested inside columns. The skill validates this structure before output to avoid parse errors during compilation.
Key Features
9 Engineering Rules
Enforced patterns for structure, responsiveness, Outlook compatibility, Gmail optimization, dark mode, accessibility, styling efficiency, hero sections, and templating engine protection.
Component Loading
Reads MJML component reference files on-demand (head.md, layout.md, content.md, interactive.md, advanced.md) to keep generated code tight and token-efficient.
Accessibility Built In
Every template includes mj-title for aria-label, alt text enforcement on images, lang attributes, heading role setup via html-attributes, and 4.5:1 contrast validation.
Dark Mode Ready
Optionally includes color-scheme meta tags, logo swapping, and media query overrides with safe neutrals (#121212, #F1F1F1) to prevent Apple Mail forced inversions.
Template Engine Support
Wraps Handlebars, Liquid, and Jinja template tags in mj-raw blocks so they survive the MJML parser and reach your ESP intact.
About This Blueprint
- Industry
- Technology
More Blueprints to explore
Business Automation & Productivity Workflow
Reduce hours lost to repetitive admin without adding a complicated stack. Prioritized, tested workflows automate routine research, client communication, project tracking, and website tasks while keeping people in control of important decisions.
Business Technology & Digital Solutions Workflow
Avoid costly, fragmented digital projects with a plan that connects business goals to practical tools, implementation steps, and measurable results. It also flags performance, security, accessibility, and SEO checks before launch.
ICP-Filtered Outreach Lists from G2 Buyer Intent
Stop wasting rep time on weak intent signals and mismatched accounts. The workflow ranks ICP-fit buyers by readiness, finds the right contact, and supplies tailored outreach angles for the strongest opportunities.
ClaudeG2 Buyer Intent (G2 MCP Server)ZoomInfo (MCP)+3 moreIshani D.
Account Manager at G2