用途:生成可在 Gmail、Apple Mail、Outlook、Yahoo 等客户端正确渲染,并在 375px 手机上可读的响应式 HTML 邮件。内容与顺序来自 14-email-marketing-global,本技能负责代码。
主要能力:表格布局(禁用 div/flexbox/grid/float/绝对定位);除媒体查询和深色模式规则外全部内联 CSS;600px 最大宽度并向 375px 降级;系统字体回退;图片带 alt、width、height;单一自包含 .html 文件且小于 100KB(避免 Gmail 截断)。内置页头、主视觉、正文、社会证明、CTA、页脚等区块的排版规格与设计令牌(取自品牌指南)。支持移动端断点 max-width 480px 与深色模式 meta 标签及安全规则。
使用方式:先收集信息(邮件类型与布局、区块、文案、发送平台 ESP),缺失时最多问 4 个问题;按单一栏、图文两栏或多区块简报选择布局;按技术规格搭建;填写区块;处理移动端与深色模式;填充必需占位符(名字合并标签、退订链接、真实邮寄地址、带 UTM 的 CTA 链接),并在发送前向发送平台确认合并标签语法。
适用场景:广播、培育、促销、事务性邮件与简报。
限制:Outlook Windows 使用 Word 渲染引擎,不支持圆角与不可靠的背景图;Gmail 可能剥离 <style> 并自行反色;prefers-color-scheme 仅被部分支持。退订链接与实体邮寄地址为法定要求。资料未提供具体价格、收费或平台支持清单之外的细节。