技能概述
Email Marketing 技能生成一個品牌產品發佈風格的 HTML 郵件：報頭（wordmark + 3 個導航連結）、16:9 主圖區塊（產品圖占位符，DS 色系漸變或 SVG 剪影）、eyebrow 小標籤、headline lockup（display font + 斜體 accent 字）、正文 2-3 句、主 CTA（唯一按鈕）、2×2 規格網格、頁腳。單一中心列，600-680px 寬度。
觸發關鍵字
- email、email template、newsletter、email blast、product launch email、mjml、邮件营销、邮件模板
什麼時候用
- 產品發佈郵件
- 品牌電子報
- MJML 風格郵件模板
- 營銷活動郵件
- 會員通知郵件
使用方法
自然語言觸發
帮我做一个产品发布邮件
整一個 email blast 模板
做一個 newsletter 郵件
指定技能
用 email-marketing 技能生成一個運動鞋品牌嘅 launch email
標準工作流程
- 讀 DESIGN.md — 郵件大量使用 display font 做 headline lockup
- 定品牌 + 產品 — 真實 wordmark、產品名、一句核心價值主張
- 頁面結構（由上到下，600-680px 居中列）：
- Masthead — wordmark（左）+ 3 個導航連結（右），底線分隔
- Hero block — 16:9 產品圖（DS 漸變或 SVG 剪影），brand stamp + colorway tag
- Eyebrow — 大寫小字，accent 色，
·分隔 - Headline lockup — 2-3 行，display font，全大寫，超緊字距。一個 accent 字加
skew(-6deg) - Body — 2-3 句，左對齊
- Primary CTA — 唯一按鈕（pill 或 block）
- Specs grid — 2×2 網格（大數字 + 單位 + 標籤）
- Footer — wordmark、地址、unsubscribe + view-in-browser
- 技術 — 單 HTML 文件，CSS inline，
margin: 0 auto居中
輸出格式
單文件 HTML，自包含。無外部圖片（inline SVG 或 DS 漸變塊）。每個關鍵區塊有 data-od-id。
自檢清單
- 郵件 8-10 秒可讀完
- 只有一個 CTA
- accent 最多兩次（eyebrow + CTA 或 headline word）
- 480px 窗口可讀（列重排，字型縮一級）
實際例子
例子 1：運動鞋發佈
用戶：「設計一個 sporty running shoe brand 嘅 launch email」
生成：
- Brand：EMBER FLARE
- Hero：跑鞋 SVG 剪影，muted ochre + ink 配色
- Headline：大寫 + skew accent word
- Specs：weight、drop、stack height、upper material
例子 2：SaaS 功能更新
用戶：「用 email-marketing 做一個新功能發佈郵件」
生成：
- Hero：功能截圖占位符
- Headline：新功能名稱 + 一句 value prop
- CTA：單一 "Try it now" 按鈕
- Specs：4 個核心功能指標