← ClaudeAtlas

mailglowlisted

Design, iterate and audit beautiful, responsive HTML emails with a local mini inbox. Use when the user wants to create an email template, redesign or improve transactional/notification/marketing emails, see how their app's emails look (Gmail, Outlook, Apple Mail, mobile, dark mode), compare design variants and pick one, lint an email for client compatibility, or screenshot every email a product sends. Triggers - "design an email", "email template", "make our emails look better", "preview emails", "how do our emails look", "email dark mode", "screenshot all emails", "vibe-code an email".
cofoundy/mailglow · ★ 1 · AI & Automation · score 64
Install: claude install-skill cofoundy/mailglow
# mailglow Design emails the way you'd design a screen: see them in an inbox, flip between variants, pick one, refine — and never ship something you haven't looked at in light, dark and mobile. The engine is one zero-dependency Node script (Node ≥ 22; `shoot` also needs Chrome/Chromium/Edge): ```bash VE="node <this-skill-dir>/scripts/mailglow.mjs" # resolve <this-skill-dir> to the folder holding this SKILL.md $VE serve emails --open # mini inbox: list + opened message, live reload, variants, Pick + notes $VE lint emails # client compatibility, exit 1 on any error (--net checks hosted images answer) $VE shoot emails # PNG of every email × desktop/mobile × light/dark (+ the inbox view) + index.html $VE new welcome emails --variants 3 # emails/welcome/{a,b,c}.html from the bulletproof starter $VE picks emails # what the user picked in the inbox, and their notes per variant $VE contract emails/welcome # after design: each {{field}} → the endpoint it comes from; what's missing $VE fetch emails/welcome --base https://api… --name real-1 --param id=… # a data case from the real API $VE stress emails/welcome --from real-1 # cases/stress-*.json (empty, emoji names, 600-char text…) + check every variant ``` A folder of emails is the whole interface: `emails/welcome.html` is one message; `emails/welcome/{a,b,c}.html` is one message with three variants. Inbox metadata comes from `emails/manifest.json` or `<meta name="mail:subject|mail:f