react-email

Organize React Email knowledge for building HTML email templates.

Updated Aug 23, 2026

Search Tags:#templates #accessibility #react #email #i18n #tailwind #best-practices

Ready to run

npx skills add https://github.com/wilgrace/session --skill react-email-wilgrace

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-email
Source: https://github.com/wilgrace/session/tree/main/.agents/skills/react-email
Command: npx skills add https://github.com/wilgrace/session --skill react-email-wilgrace

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Organizes and shares comprehensive React Email knowledge for building robust HTML emails.

Core Features & Use Cases

Standardized guidance for composing email templates with React Email, Tailwind styling, and pixelBasedPreset
On-demand references covering components, internationalization, patterns, and sending guidelines
Real-world use cases including welcome emails, password resets, order confirmations, and transactional notifications

Quick Start

Create an HTML email template using React Email and load references as needed.

Frequently Asked Questions about react-email

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build HTML emails with React Email and Tailwind?▼

Create React Email templates using standardized frontmatter structure, applying Tailwind styling and pixelBasedPreset for layout. This Skill provides on-demand references for components, ensuring robust HTML email output for transactional and marketing use cases.

What is the best way to structure transactional email templates in React?▼

Structure transactional React email templates using standardized frontmatter and on-demand references. This approach supports real-world patterns like password resets, order confirmations, and welcome emails while maintaining consistent delivery and accessibility standards.

Does React Email support internationalization and accessibility for marketing emails?▼

React Email supports internationalization and accessibility for marketing emails through dedicated on-demand references. These cover i18n patterns and accessibility best practices, ensuring localized content reaches diverse audiences with proper structure and delivery standards.

Can I use pixelBasedPreset with React Email for pixel-perfect email layouts?▼

React Email supports pixelBasedPreset integration for precise email layout control. Combined with Tailwind styling and standardized frontmatter, this ensures pixel-perfect HTML email rendering across different clients while maintaining accessibility and delivery standards.

How do I ensure safe email delivery when sending React Email templates?▼

Ensure safe React Email template delivery by following the built-in sending guidelines and safety checks. The Skill provides on-demand references covering delivery patterns, ensuring transactional and marketing emails meet standardized structure requirements for reliable rendering.

What email patterns are available for React Email transactional notifications?▼

React Email supports transactional notification patterns including welcome emails, password resets, order confirmations, and transactional alerts. These real-world use cases leverage standardized frontmatter structure and on-demand references for reliable HTML email construction.