Skill6.7k repo starsupdated 11d ago

email-marketing

This Claude Code skill provides a responsive HTML email template for product launch announcements, designed for 600px single-column layouts compatible with email clients. The template includes a centered masthead, hero image block, headline with stylized accent, body copy with primary call-to-action button, three-column specifications grid, and footer with social links and unsubscribe option, using tables for layout fallbacks and inline styles for email client reliability.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/email-marketing && cp -r /tmp/email-marketing/next/src/lib/templates/skills/email-marketing ~/.claude/skills/email-marketing

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

【模板: 品牌产品发布邮件】
【意图】纯 HTML 邮件, 600px 单栏, 兼容邮件客户端。
【布局】
- Masthead (wordmark 居中)
- Hero 图块 (SVG 占位)
- Headline lockup (含 skewed-italic accent)
- Body copy + primary CTA 按钮
- Specifications grid (3 列)
- Footer (社交 + 退订)
【设计细节】
- 使用 `<table role='presentation'>` 做布局兜底
- 颜色用 inline style (不要依赖 class)