メニュー
Generates cross-client HTML email from MJML 4.x — Outlook 2013-365 safe, Gmail-optimized, WCAG 2.1 AA accessible. Triggers automatically when asked to create, compile, or troubleshoot HTML email.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Catalogue navigator for design-agent-skills. Lists available design skill stubs, matches user intent to the right stub, and routes to install and invoke. Use when the user wants to browse or find the right design skill.
Domain navigator for UI craft, visual design, brand, color, typography, mobile design, and interactive design engineering skills. Routes to skills for taste-driven UI, platform design (iOS/Android), components, color science, and the full visual design stack.
Create programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.
SwiftUI visual design skill for distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review.
6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security best practices.
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.
| name | email-html-mjml |
| description | Generates cross-client HTML email from MJML 4.x — Outlook 2013-365 safe, Gmail-optimized, WCAG 2.1 AA accessible. Triggers automatically when asked to create, compile, or troubleshoot HTML email. |
| triggers | ["MJML","HTML email","email template","Outlook-safe email","email-html-mjml"] |
| das | {"category":"email-design","upstream":"https://github.com/framix-team/skill-email-html-mjml","version":"latest","install":false} |
Catalogue stub — full package: framix-team/skill-email-html-mjml
Is the package already installed?
Check: ~/.design-agent-skills/skills/email-html-mjml/SKILL.md exists.
email-html-mjml and proceedDo you have shell access?
! — add -g for global install or omit for project-onlynpx skills add framix-team/skill-email-html-mjml
email-html-mjmlGenerates production-ready HTML email using MJML 4.x as the authoring layer. MJML's responsive components compile to table-based HTML that is compatible with Outlook 2013 through 365, Gmail web and mobile, Apple Mail, and other major clients. Output meets WCAG 2.1 AA accessibility standards (sufficient contrast, semantic structure, alt text). The skill self-activates when asked to create, compile, or troubleshoot any HTML email.