SuperAPI AI 工具集

email-design

办公与效率

查看项目

更新于 10-15 17:19

技能介绍

用途:编写能在 Outlook、Gmail、Apple Mail 及移动端一致渲染的 HTML 邮件模板,覆盖欢迎信、简报、促销、事务类邮件。

主要能力:提供基于表格的布局、内联 CSS、流式混合(fluid hybrid)响应式、防弹按钮、MSO 条件注释、深色模式适配、图片优化与各邮件区块(页头、Hero、内容块、功能行、页脚)模板。

必要用法:开始前读取 .agents/design-context.md,缺失时从 tailwind.config.* 或 :root CSS 变量取 token,都没有则用默认值并告知用户。颜色需内联十六进制(邮件客户端不支持 CSS 变量)。若用户提供 Figma URL,用 Figma MCP 拉取并以其为准。需先询问邮件类型与 ESP。

关键限制:表格布局(Outlook 无 flex/grid);内联 CSS,<style> 仅用于媒体查询与深色模式;无 JavaScript、无外部 CSS、无 CSS 变量;最大宽度 600px;HTML 约 100KB 以下(Gmail 超 102KB 会裁剪);使用网络安全字体;所有图片加 alt;padding 放在 <td> 上;经典 Outlook 不支持 border-radius、背景图(无 VML 时)与 rgba()。

适用场景:需要手工编写或审查跨客户端兼容邮件模板的设计与开发工作。

暂未提供:具体收费、价格与平台支持范围等资料未在给定内容中说明。