email-design

用途

email-design 是一个面向邮件营销的设计技能，用于设计高转化的营销邮件，并可结合 inference.sh CLI（belt）通过 AI 生成邮件视觉素材。它提供布局模式、主题行公式与送达率规则，覆盖欢迎序列、促销邮件、交易类邮件等类型。

主要能力

邮件宽度与布局规范：最大宽度 600px（Gmail、Outlook 渲染标准），移动宽度 320-414px，推荐单列布局，图片最大宽度 600px（二列时 300px，Retina 提供 2x 即 1200px），正文字号 14-16px，标题 22-28px，行高 1.5。
倒金字塔布局：顶部为品牌/视觉钩子（600 x 200-300 的页头图片），中间为单行标题、2-3 句价值说明与唯一 CTA 按钮，底部为退订链接页脚。
主题行公式：数字+收益、提问、How-to、真实紧迫感、个性化、好奇心缺口，并附开放率影响说明。规则包括长度 30-50 字符（移动端约 35 字符截断）、谨慎使用 emoji（最多 1 个，首尾位置并测试）、避免全大写与垃圾词（如 "free"、"act now"、"limited time"、"click here"）、主题中使用 [First name] 可提升开放率。
预览文本：出现在收件箱主题行之后，需刻意设计，避免 "View this email in your browser" 等浪费空间的默认文案。
邮件类型模板：欢迎邮件（自动、第 0 天）、促销/活动邮件、产品更新/更新日志、交易类邮件（收据、确认），分别给出主题、页头、正文、CTA、时机等要素。
页头图片设计：通过 belt CLI 的 html-to-image 生成欢迎、促销页头，或用 falai/flux-dev-lora 生成 AI 视觉。
CTA 按钮：宽度 200-300px，高度最小 44-50px，高对比色，动词+结果文案，圆角 4-8px，位于首屏并在长邮件底部重复，每封邮件仅一个主 CTA。并提供 "防弹按钮（bulletproof button）" 技术（Outlook 用 VML，其它用 HTML/CSS）。
移动端优化：单列布局、字号最小 14px、CTA 按钮最小 44px 高、图片 100% 宽度、元素垂直堆叠，并在 Gmail App、Apple Mail、Outlook 上测试（60%+ 邮件在移动端打开）。
送达率清单：图片占比最多 40%（文本 60%+）、图片加 alt 文本、必备退订链接（CAN-SPAM、GDPR）、可识别的发件人名称、使用真实回复地址（非 no-reply@）、名单清理、配置 SPF/DKIM/DMARC。
常见错误：无预览文本、纯图片邮件、多个 CTA、字号过小、no-reply@ 发件人、未做移动端测试、缺少退订链接、过度设计、虚假紧迫感。

使用方式

需先安装 inference.sh CLI（belt）。安装：npx skills add belt-sh/cli。登录：belt login。

生成邮件页头横幅示例：

belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:600px;height:250px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-family:system-ui;color:white;text-align:center\"><div><h1 style=\"font-size:36px;margin:0\">Spring Sale — 30% Off</h1><p style=\"font-size:18px;opacity:0.9\">This weekend only</p></div></div>"
}'

欢迎邮件页头、促销页头使用 html-to-image；功能公告页头可使用 AI 视觉：

belt app run falai/flux-dev-lora --input '{
  "prompt": "clean modern email header banner, abstract flowing data visualization, dark blue gradient background, subtle glowing nodes and connections, tech aesthetic, minimal, no text, 600x250 equivalent",
  "width": 1200,
  "height": 500
}'

防弹按钮示例（含 Outlook 兼容）：

<!-- Bulletproof button (works everywhere including Outlook) -->
<table cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td align="center" bgcolor="#22c55e" style="border-radius:6px;">
      <a href="https://yoursite.com/action" target="_blank"
         style="font-size:16px;font-family:sans-serif;color:#ffffff;
                text-decoration:none;padding:12px 24px;display:inline-block;
                font-weight:bold;">
        Start Free Trial
      </a>
    </td>
  </tr>
</table>

适用场景

面向需要设计邮件营销内容、撰写主题行与预览文本、搭建欢迎/促销/产品更新/交易类邮件、确保移动端体验与送达率合规的营销与增长场景。

限制

资料未提供该技能的费用与价格信息，也未说明支持的具体邮件平台或 EMS 集成方式。实际使用需依赖 inference.sh CLI（belt）并完成登录，AI 图片生成依赖对应的 app（infsh/html-to-image、falai/flux-dev-lora）。以上规范为资料中列出的建议值，具体效果暂未提供。

技能介绍

用途

主要能力

使用方式

适用场景

限制