Email Html Mjml
Skill Verified ActiveResponsive HTML email template generation using MJML 4.x framework. Use when the user asks to create, generate, design, or build an email template — including welcome emails, promotional blasts, transactional templates, newsletters, or any responsive email. Also use when the user asks to compile MJML to HTML, work with or edit existing MJML templates, or troubleshoot email rendering issues across clients.
Generate reliable, cross-client compatible HTML email templates efficiently, abstracting away the complexities of email client rendering quirks.
Features
- Responsive HTML email template generation via MJML
- Compiles MJML to production-ready HTML
- Ensures cross-client compatibility (Outlook, Gmail, Apple Mail)
- Includes accessibility and dark mode support patterns
- Outputs both MJML source and compiled HTML
Use Cases
- Creating welcome emails, promotional blasts, or transactional templates
- Compiling existing MJML templates to HTML
- Troubleshooting email rendering issues across different clients
- Generating structured and maintainable email codebases
Non-Goals
- Sending emails directly via an ESP
- Interacting with email client APIs
- Generating non-responsive or table-less HTML
Workflow
- Gather requirements from user message and context.
- Plan and announce the email's structural layout.
- Load relevant component references from the index.
- Generate complete and valid MJML source code.
- Compile MJML to HTML using `npx mjml` with specified flags.
- Deliver both the `.mjml` source and compiled `.html` files.
Prerequisites
- Node.js 14+
- MJML installed per project (`npm install -D mjml`)
Installation
npx skills add framix-team/skill-email-html-mjmlRuns the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.
Quality Score
VerifiedTrust Signals
Similar Extensions
React Email
98Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.
Gmail
100Interact with Gmail - search emails, read messages, send emails, create drafts, and manage labels. Use when user asks to: search email, read email, send email, create email draft, mark as read, archive email, star email, or manage Gmail labels. Lightweight alternative to full Google Workspace MCP server with standalone OAuth authentication.
Save Email to Doc
100Save a Gmail message body into a Google Doc for archival or reference.
Gmail Automation
100Automate Gmail tasks via Rube MCP (Composio): send/reply, search, labels, drafts, attachments. Always search tools first for current schemas.
Gws Gmail Forward
100Gmail: Forward a message to new recipients.
Videoagent Video Studio
100Generate short AI videos from text or images — text-to-video, image-to-video, and reference-based generation — with zero API key setup. Use when the user wants to create a video clip, animate an image, or generate video from a description.