email-craft

What problem does it solve? HTML emails render inconsistently across clients like Gmail, Outlook, and Apple Mail because there is no shared rendering engine, so web-style layouts break unpredictably. This Skill encodes the constraints of email clients and the design principles for decision-oriented product emails. ## Core Features & Use Cases - Email client constraints: Enforces table-based layout, inlined CSS, 600px max width, dark-mode overrides, and plaintext fallbacks. - Information architecture template: Provides a proven hierarchy (header, stats, hero item, compact rows, insight, actions, footer) with tier definitions for what belongs in the email versus linking out. - Component library: Defines composable components such as emailHeader, emailStats, emailHeroJob, emailJobRow, emailInsight, emailOutreach, emailActionList, and emailFooter with tokens for color, typography, and spacing. - Use Case: When building a daily digest email for a job-matching product, use this Skill to structure one hero match with reasoning, 3-5 compact rows, and action-driven CTAs that render correctly in Gmail and Outlook. ## Quick Start Use the email-craft skill to design a daily digest HTML email with one hero item, compact secondary rows, and a single primary CTA.