SuperAPI AI 工具集

emaildesignskill

办公与效率

查看项目

更新于 10-15 16:45

技能介绍

用途:为邮件设计提供技能支持,适用于 Codex、Claude Code 等 AI 智能体需要规划、审查、实现、审计或改进响应式邮件时。首要原则是按收件箱约束设计,把每个布局决策视为客户端、视口、无障碍与生产可维护性之间的权衡。

主要能力:范围包括响应式邮件设计、组件系统、深色模式行为和无障碍检查。典型请求信号有模板评审、模块系统规划、深色模式 QA、布局修复、无障碍审查以及设计到邮件的交付衔接。常见输出包括模板审计、模块规格、响应式 QA 表、无障碍说明、实现差异和设计交付清单。

使用方式:先识别设计工件,例如原始 HTML、React Email 组件、Figma 概念、截图、ESP 构建器模板或模块库;再在美学之前审查层级,包括预览文本、主消息、CTA 顺序、可扫读性和备用内容;随后检查响应式结构,如容器宽度、列折叠、图片比例、按钮可点区域和长文案行为;接着评估客户端风险,如 Outlook 表格、Gmail 裁剪、深色模式反转、不支持的 CSS、网络字体回退和图片屏蔽;再审查无障碍,例如尽可能的语义标题顺序、替代文本、对比度、链接可识别性、通俗 CTA 和图文比例;最后返回开发者或 ESP 操作员无需整体重设计即可应用的实现说明。

适用场景:模板审计、模块规格、响应式 QA 表、无障碍说明、实现差异和设计交付清单等。

限制:评审时需确认设计不依赖纯图片内容,CTA 在移动端仍可见可点,深色模式、图片屏蔽和长名称不会破坏邮件,可复用模块有明确约束且无需一次性覆盖,最终建议需区分渲染缺陷与品牌偏好。分析须与实时系统操作分离;发送邮件、导入联系人、更改 DNS、修改抑制规则或编辑生产自动化前,必须获得明确批准。定价、平台支持范围等未提供。