HTML Email Designer

A Claude Code plugin for designing and building responsive HTML email templates. Framework-agnostic — supports Foundation for Emails (ZURB), Maizzle (Tailwind-based), and MJML (Mailjet), with framework-neutral authoring and client-compatibility guidance.

What it does

HTML email is stuck in ~2005 — no flex, no grid, broken CSS support in Outlook, inconsistent dark mode, images blocked by default. This plugin gives Claude the context it needs to write emails that actually render correctly across the major clients, using whichever framework fits your stack.

Skills

Skill	Purpose
choose-framework	Decision guide: Foundation vs Maizzle vs MJML vs hand-rolled, based on stack and use case
author-template	Framework-neutral template planning — brief → block structure → copy
email-client-gotchas	Reference for Outlook/Gmail/Apple Mail quirks, dark mode, preheaders, image blocking, etc.
foundation-emails	Inky markup + Sass + Gulp workflow
maizzle	Tailwind + modern Node + config-driven workflow
mjml	XML-tag syntax + fast compile
inline-and-test	Compile, preview, send test, cross-client check, deliverability

Commands

• /new-email-project — scaffold a new email project with framework selection
• /preview-email — detect framework and compile the current template

Installation

claude plugins install html-email-designer@danielrosehill

Then restart Claude Code to activate.

Typical workflow

1. /new-email-project — pick Foundation / Maizzle / MJML, scaffold
2. Describe your email → the author-template skill helps plan the block structure
3. The matching framework skill (e.g. maizzle) handles syntax
4. /preview-email — compile and view
5. inline-and-test — send a real test, check across clients, verify deliverability

License

MIT