Does it support responsive design and dark mode?

Yes, it uses React Email and MJML for cross-client responsiveness and includes specialized CSS media queries for dark mode support.

Which email providers are supported by this skill?

The skill generates production-ready code for popular transactional providers including Resend, Postmark, SendGrid, and AWS SES.

How does the i18n support work?

It creates a structured i18n directory with typed translation keys (e.g., en.ts, de.ts) to manage multi-language content within your templates.

Can I preview my emails before sending them?

Yes, the generated project structure includes a local preview server with hot-reload capabilities to visualize templates during development.

Email Template Builder

Name: Email Template Builder
Author: zhangzhang-111-i

byzhangzhang-111-i

0•

营销自动化

Generates professional transactional email systems using React Email and MJML with support for multiple providers and i18n.

The Email Template Builder skill is an end-to-end solution for architecting transactional email infrastructure. It enables developers to generate responsive React Email templates for common workflows—such as welcome series, invoices, and password resets—while ensuring maximum client compatibility via MJML. The skill streamlines the entire lifecycle by providing a unified sending interface for providers like Resend and Postmark, a local preview environment, dark mode styling, and built-in internationalization support.

主要功能

010 GitHub stars

02React Email and MJML template generation for responsive design

03Built-in i18n/localization framework with typed translation keys

04Multi-provider integration support for Resend, Postmark, and AWS SES

05Dark mode optimization using media queries and specialized styles

06Unified sending utility with UTM tracking and analytics integration

使用场景

01Implementing complex multi-language notification systems with local previewing

02Setting up transactional email infrastructure for a new SaaS product

03Migrating legacy HTML email templates to a modern, type-safe React workflow

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zhangzhang-111-i/claude-skills111 email-template-builder

For use in Claude.ai and ChatGPT

主要功能

010 GitHub stars

02React Email and MJML template generation for responsive design

03Built-in i18n/localization framework with typed translation keys

04Multi-provider integration support for Resend, Postmark, and AWS SES

05Dark mode optimization using media queries and specialized styles

06Unified sending utility with UTM tracking and analytics integration

使用场景

01Implementing complex multi-language notification systems with local previewing

02Setting up transactional email infrastructure for a new SaaS product

03Migrating legacy HTML email templates to a modern, type-safe React workflow

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add zhangzhang-111-i/claude-skills111 email-template-builder

For use in Claude.ai and ChatGPT