About email-marketing
A design skill for building a branded product-launch email as a 600-pixel-wide, single-column HTML layout. It specifies email-client compatibility and a structure from hero content through specifications and footer.
Key features
- 01600-pixel single-column layout
- 02Centered wordmark masthead
- 03Hero image placeholder and headline
- 04Body copy with primary CTA
- 05Three-column specifications grid
- 06Social links and unsubscribe footer
Use cases
- 01Creating a branded product-launch email
- 02Structuring launch copy and a primary CTA
- 03Including product specifications and unsubscribe details
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill email-marketingAfter installing, type/email-marketingin Claude Code to confirm it loaded.
Bundled filesexample.html
Details
From the project README【模板: 品牌产品发布邮件】 【意图】纯 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)
Comments
Markdown supported