email-marketing
A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".
Profile →npx skills add nexu-io/open-design --skill email-marketing --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Email Marketing Skill Produce a single HTML email — centered, single column, no chrome around the email body. Treat it like a marketing artifact: one big idea, one CTA. ## Workflow 1. **Read the active DESIGN.md** (injected above). Email leans on the display font more than any other surface — pick the loudest type token in the DS for the headline lockup. 2. **Pick the brand + product** from the brief. Generate a real wordmark, a real product name, and one real benefit sentence — no placeholders. 3. **Layout**, in order, all centered inside a 600–680px column on a tinted page background (so the email body looks like an email, not the page): - **Masthead** — wordmark on the left + 3 short nav links (SHOP, JOURNAL, MEMBERS) on the right. Thin underline. - **Hero block** — a 16:9 product image placeholder. Use a DS-tinted gradient or a stylized SVG silhouette of the product (shoe, bottle, headphones, whatever the brief implies). Add a tiny brand stamp on the top-left and a colorway tag on the bottom-left. - **Eyebrow** — small caps, accent color, separated by `·` characters (e.g. "NEW · MAX-CUSHION TRAINER · EMBER FLARE"). - **Headline lockup** — 2–3 line headline using the display f
- Workflow
- Output contract
What does the email-marketing skill do?
A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".
How do I install it?
Run `npx skills add nexu-io/open-design --skill email-marketing --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.