用途:输入品牌规范与邮件内容后,输出单个自包含的 .html 邮件文件,能在 Gmail、Outlook、Apple Mail 等客户端与 375px 手机上正常阅读。内容与发送序列来自 14-email-marketing,本技能只负责代码。
主要能力:支持三种布局——单栏(广播、培育邮件)、双栏(含产品图的优惠邮件)、多区块 newsletter;按规范生成 header、hero、body、social proof、CTA、footer;提供移动端媒体查询与暗色模式基础适配;练习合并标签与退订链接。
必要用法:优先读取 46-brand-guideline 与 14-email-marketing;信息不足时最多问四个问题(邮件类型与布局、需含区块、文案是否就绪、发送工具)。技术约束:只用 table 布局,禁用 div/flexbox/grid/float/position:absolute;CSS 全部内联(仅媒体查询与暗色模式放 <style>);最大宽度 600px,移动端 375px;使用系统字体 Fallback,不依赖 Web Font;每张 img 需 alt 与 width/height;必须含退订链接与公司地址;单文件小于 100KB。发送前用占位符 {{first_name}}、{{unsubscribe_link}}、[公司地址]、[CTA_LINK] 并替换为真实值。
适用场景:营销、培育、优惠、事务类邮件的 HTML 编码,适合内容已定、需要跨客户端稳定渲染的团队。
限制:各客户端渲染差异大——Gmail 可能剥离 <style> 并忽略媒体查询,Outlook 桌面用 Word 引擎且不支持圆角与完整背景图,暗色模式仅 Apple Mail 支持较好。发送前须在 Gmail、iPhone Mail、Outlook 桌面及至少一个暗色模式客户端实测。资料未提供具体价格、平台或效果数据。