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.
✨ What it does
- Generates React Email templates for common transactional emails (welcome, verification, password reset, invoice, notific
- Provides a unified send function supporting multiple providers (Resend, Postmark, SendGrid, AWS SES)
- Includes a local preview server with hot reload
- Supports i18n with typed translation keys
- Implements dark mode via media queries
- Includes a spam score optimization checklist
🎯 When to use it
- 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
🚀 How to use
Trigger by asking to build transactional email templates or integrate an email provider. Provide the email types needed and the provider (e.g., Resend). Example prompts:
Build a welcome email template using React Email and Resend.
Set up transactional email for my app with invoice and notification templates.
📄 Output: Production-ready code files for email templates, provider integration, preview server, and i18n support.
📦 Add this skill to Claude Code
# 1. Get the skills repo
git clone --depth 1 https://github.com/alirezarezvani/claude-skills /tmp/claude-skills
# 2. Copy this skill into your project (or ~/.claude/skills for all projects)
mkdir -p .claude/skills
cp -r /tmp/claude-skills/engineering-team/skills/email-template-builder .claude/skills/email-template-builderSkill source: engineering-team/skills/email-template-builder/SKILL.md
⚠️ Good to know
Requires Node.js and familiarity with React Email; provider API keys are needed for actual sending.
❓ FAQ
Which email providers are supported?
The skill supports Resend, Postmark, SendGrid, and AWS SES.
Does it include dark mode support?
Yes, dark mode is implemented using CSS media queries in the email layout.
Can I preview templates locally?
Yes, a preview server is included; run npm run email:dev to see templates with hot reload.
🤖 Overview, features, install steps and FAQ were generated from the project's SKILL.md on Sep 4, 2026. Always check the original source before running commands.