skills.rest
gepetojj
gepetojjCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

react-email

Compose, render, and send HTML emails with React Email components.

1|Updated Feb 6, 2026
Search Tags:#automation#workflow#frontend#rendering#tailwind#email-templates#react-email
One-click install
npx skills add https://github.com/gepetojj/umo --skill react-email-gepetojj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-email
Source: https://github.com/gepetojj/umo/tree/main/.agents/skills/react-email
Command: npx skills add https://github.com/gepetojj/umo --skill react-email-gepetojj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Compose, render, and dispatch HTML emails using React Email components, augmented by an embeddable visual editor workflow to streamline template creation and delivery.

Core Features & Use Cases

  • Build modern, consistent email templates with Tailwind styling via the pixelBasedPreset.
  • Render emails to HTML and plain text for distribution through Resend or other providers.
  • Use an on-demand references folder to load in-depth docs and patterns as needed (e.g., components, editor, i18n, patterns).

Quick Start

Create a sample WelcomeEmail using Tailwind + pixelBasedPreset and render it to HTML.

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 email templates with React and Tailwind?▼

Build HTML email templates using React Email components styled with Tailwind via the pixelBasedPreset, enabling pixel-perfect layout control. Render components to HTML and plain text for distribution through email providers.

What's the best way to render React emails to HTML for transactional messages?▼

Render React emails to HTML by composing transactional templates like password resets and welcome messages as components. The workflow outputs both HTML and plain text versions ready for delivery through Resend or other providers.

Can I use Resend to send React Email templates?▼

Yes, React Email templates integrate with Resend by rendering components to HTML and plain text outputs. Dispatch the rendered output through Resend or alternative email providers for delivery.

How does the visual editor workflow work for React Email?▼

The visual editor workflow streamlines template creation by embedding an editor alongside React Email components. Author templates visually, apply Tailwind styling with pixelBasedPreset, and render to HTML for distribution.

Does React Email support internationalization for email templates?▼

Yes, internationalization patterns are supported through on-demand references loaded from the references directory. Access i18n documentation and component patterns when needed to localize email templates.

What types of emails can I create with React Email components?▼

Create welcome, password reset, newsletter, and transactional emails using React Email components. Templates are styled with Tailwind via pixelBasedPreset and rendered to HTML or plain text for provider distribution.

Related Skills

Explore More Software Engineering Skills→
irchamajiirchamaji

react-email

Generate React Email HTML templates with React components and Tailwind.

Community
Advanced
planetaryescapeplanetaryescape
7

react-email-templates

Render React Email templates to HTML and send via Resend.

Official
Intermediate
academindacademind
142

modern-tailwind

Apply modern Tailwind CSS best practices for scalable UI development.

Official
Intermediate
wshaddixwshaddix
71

mjml-email-templates

Generate responsive HTML email templates using MJML with .NET Razor syntax.

Community
Intermediate