Email Html Mjml
技能 已验证 活跃使用 MJML 4.x 框架生成响应式 HTML 电子邮件模板。当用户要求创建、生成、设计或构建电子邮件模板时使用——包括欢迎电子邮件、推广邮件、事务性模板、新闻通讯或任何响应式电子邮件。当用户要求将 MJML 编译为 HTML、处理或编辑现有 MJML 模板或对电子邮件在客户端之间的渲染问题进行故障排除时，也请使用。
高效地生成可靠、跨客户端兼容的 HTML 电子邮件模板，抽象化电子邮件客户端渲染差异的复杂性。
功能
- 通过 MJML 生成响应式 HTML 电子邮件模板
- 将 MJML 编译为生产就绪的 HTML
- 确保跨客户端兼容性（Outlook、Gmail、Apple Mail）
- 包括可访问性和暗模式支持模式
- 输出 MJML 源文件和编译后的 HTML 文件
使用场景
- 创建欢迎电子邮件、推广邮件或事务性模板
- 将现有 MJML 模板编译为 HTML
- 对不同客户端的电子邮件渲染问题进行故障排除
- 生成结构化且易于维护的电子邮件代码库
非目标
- 直接通过 ESP 发送电子邮件
- 与电子邮件客户端 API 交互
- 生成非响应式或无表格的 HTML
工作流
- 从用户消息和上下文中收集需求。
- 规划并宣布电子邮件的结构布局。
- 从索引加载相关的组件参考。
- 生成完整且有效的 MJML 源代码。
- 使用带有指定标志的 `npx mjml` 编译 MJML 为 HTML。
- 交付 `.mjml` 源文件和编译后的 `.html` 文件。
先决条件
- Node.js 14+
- 按项目安装 MJML（`npm install -D mjml`）
安装
npx skills add framix-team/skill-email-html-mjml通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
已验证类似扩展
React Email
98使用 React 组件构建 HTML 电子邮件模板，通过 React Email 可视化编辑器将可视化电子邮件编辑器添加到应用程序，渲染电子邮件为 HTML，或使用 Resend 发送电子邮件。涵盖欢迎电子邮件、密码重置、通知、订单确认、新闻通讯、事务性电子邮件和可嵌入的电子邮件编辑器组件。
Gmail
100Interact with Gmail - search emails, read messages, send emails, create drafts, and manage labels. Use when user asks to: search email, read email, send email, create email draft, mark as read, archive email, star email, or manage Gmail labels. Lightweight alternative to full Google Workspace MCP server with standalone OAuth authentication.
Save Email to Doc
100Save a Gmail message body into a Google Doc for archival or reference.
Gmail Automation
100Automate Gmail tasks via Rube MCP (Composio): send/reply, search, labels, drafts, attachments. Always search tools first for current schemas.
Gws Gmail Forward
100Gmail: Forward a message to new recipients.
Videoagent Video Studio
100从文本或图像生成短的 AI 视频——文本到视频、图像到视频和基于参考的生成——无需设置 API 密钥。当用户想要创建视频片段、制作图像动画或根据描述生成视频时使用。