email-template-builder
Build complete transactional email systems: React Email templates, provider integration (Resend, Postmark, SendGrid, AWS SES), preview server, i18n support, dark mode, spam optimization, analytics tracking. Use when adding transactional email to a new product, migrating between email providers, refactoring legacy email templates for accessibility, or adding internationalization to existing templates.
npx skills add alirezarezvani/claude-skills --skill email-template-builder --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Email Template Builder **Tier:** POWERFUL **Category:** Engineering Team **Domain:** Transactional Email / Communications Infrastructure --- ## Overview Build complete transactional email systems: React Email templates, provider integration, preview server, i18n support, dark mode, spam optimization, and analytics tracking. Output production-ready code for Resend, Postmark, SendGrid, or AWS SES. --- ## Core Capabilities - React Email templates (welcome, verification, password reset, invoice, notification, digest) - MJML templates for maximum email client compatibility - Multi-provider support with unified sending interface - Local preview server with hot reload - i18n/localization with typed translation keys - Dark mode support using media queries - Spam score optimization checklist - Open/click tracking with UTM parameters --- ## When to Use - Setting up transactional email for a new product - Migrating from a legacy email system - Adding new email types (invoice, digest, notification) - Debugging email deliverability issues - Implementing i18n for email templates --- ## Project Structure ``` emails/ ├── components/ │ ├── layout/ │ │ ├── email-layout.tsx # Base layout with brand
- Overview
- Core Capabilities
- When to Use
- Project Structure
- Base Email Layout
- Welcome Email
- Invoice Email
- Unified Send Function
- Preview Server Setup
- i18n Support
- Spam Score Optimization Checklist
- Analytics Tracking
- Common Pitfalls
What does the email-template-builder skill do?
Build complete transactional email systems: React Email templates, provider integration (Resend, Postmark, SendGrid, AWS SES), preview server, i18n support, dark mode, spam optimization, analytics tracking. Use when adding transactional email to a new product, migrating between email providers, refactoring legacy email templates for accessibility, or adding internationalization to existing templates.
How do I install it?
Run `npx skills add alirezarezvani/claude-skills --skill email-template-builder --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From alirezarezvani/claude-skills, a repository with 23,791 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.