skill-email-html-mjml
一个通过对话生成跨客户端兼容的HTML邮件的Claude技能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：skill-email-html-mjml。 它的用途是：一个通过对话生成跨客户端兼容的HTML邮件的Claude技能 完整的 Skill 内容见：https://321skill.com/skills/skill-email-html-mjml/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我生成一个双栏布局的促销邮件，左侧是产品大图，右侧是标题、描述和按钮，整体风格要现代简约。’ 它会首先生成结构清晰的MJML代码供你审阅和调整，然后一键编译出经过深度优化、兼容所有主流邮件客户端的生产级HTML代码，你只需复制粘贴即可使用。
介绍
这个技能解决了HTML邮件在不同客户端（如Outlook、Gmail、Apple Mail）中渲染不一致的行业痛点。由于各邮件客户端使用不同的渲染引擎，手动编写兼容性代码极其复杂且容易出错。
使用时，用户只需在对话中描述想要的邮件内容，该技能便会生成对应的MJML源代码，并编译成经过优化的、可直接用于生产的HTML邮件模板。整个过程无需用户接触底层复杂的表格代码或客户端特定语法。
它非常适合需要定期发送营销邮件、新闻通讯、交易通知的营销人员、产品经理和开发者，以及任何希望确保邮件在所有主流客户端中都能完美显示，但又不想深陷邮件客户端兼容性泥潭的团队。
与同类工具相比，它的核心在于将MJML框架作为‘可靠性框架’而非简单的转换工具，其输出内置了针对Outlook的VML注入、Gmail的剪裁预防、iOS的防堆叠等深层兼容性处理，这些是普通邮件模板生成器或手动编码难以系统保证的。
核心特点
该技能以MJML为可靠性框架，其输出直接内置了针对Outlook的Ghost Tables和自动VML注入、防止Gmail剪裁的代码压缩，以及消除iOS邮件列堆叠Bug的优化，这些复杂兼容性处理是生成即用的。
注意事项
不适合需要深度定制超出MJML标准组件范围的特殊邮件布局或交互的场景。
常见问题
这个技能能保证邮件在Outlook里正常显示吗？
能，它自动生成包含Ghost Tables和VML（针对背景图）的代码，专门解决Outlook使用Word引擎渲染的问题。
生成的邮件代码会很大吗？会不会被Gmail截断？
不会，编译过程会自动压缩代码，确保HTML体积控制在Gmail的102KB截断阈值以下。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/skill-email-html-mjml/raw/index.md 读取 skill-email-html-mjml 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/skill-email-html-mjml/raw/index.md（查看排版版本）