Agent skill · marketing growth · borghei
email-template-builder
Build email template systems with React Email or MJML: responsive layouts, dark mode, multi-provider sending, and spam score optimization. Use when setting up transactional email, building email design systems, or debugging deliverability.
Why this skill is useful
Provides domain-specific knowledge for building responsive email templates with React Email or MJML, including multi-provider sending and spam optimization techniques.
What it needs
Requires mjml, react-email installed locally. Requires aws, postmark, sendgrid account access. About 10k tokens when loaded. Last updated 2026-07-21. 462 stars on the source repository.
What this skill does
Email Template Builder Tier: POWERFUL Category: Engineering / Marketing Tags: email templates, React Email, MJML, responsive email, deliverability, transactional email, dark mode Overview Build complete transactional email systems: component-based templates with React Email or MJML, multi-provider sending abstraction, local preview with hot reload, i18n support, dark mode, spam optimization, and UTM tracking. Outputs production-ready code for any major email provider. This skill builds the email rendering and sending infrastructure. For writing email copy and designing sequences, use email-sequence. --- Clarify First Before building the templates, confirm these inputs. If any is unknown or vague, ASK — do not assume: [ ] Framework — React Email or MJML, and whether the team uses React/TypeScript (decides the entire codebase; see the decision table below) [ ] Templates needed — welcome, password reset, invoice, trial-expiring, digest, team-invite, etc. (determines which template files to scaffold) [ ] Sending provider — Resend, SendGrid, Postmark, or SES (selects which provider adapter to build) [ ] Locales & dark mode — required languages and dark-mode support (drives the i18n system and base-layout styles) Stop rule: ask only the 2-3 that most change the output. If the user says "just draft it," proceed and list your assumptions at the top of the artifact. Architecture Decision: React Email vs MJML Factor React Email MJML -------- ----------- ------ Component reuse Full React component model Partial (mj-attributes) TypeScript Native Requires build step Preview server Built-in (email dev) Requires separate setup Email client compatibility Good (renders to tables) Excellent (battle-tested) Dark mode CSS media queries CSS media queries Learning curve Low (if you know React) Low (HTML-like syntax) Best for Teams already using React Maximum email client compat Recommendation: React Email for TypeScript teams shipping SaaS. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills borghei/email-template-builder