skills.rest
wilgrace
wilgraceCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/wilgrace/session --skill react-email-wilgrace
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
mjamoremjamore

expo-tailwind-setup

Configure Tailwind CSS v4 styling in Expo projects with NativeWind and Metro.

Community
Intermediate
jnlanahanjnlanahan

add-email

Integrates transactional email into web apps with provider detection and React Email templates.

Community
Advanced
ZhanlinCuiZhanlinCui
178

Internationalizing Websites

Automate Next.js internationalization with next-intl routing and SEO localization.

Community
Intermediate
AarononthewebAaronontheweb
1.1k

mjml-email-templates

Render MJML templates into cross-client HTML with variable substitution.

Community
Intermediate