skills.rest
theslashdojo
theslashdojoOFFICIAL
Explore all skills by this author →
GitHub

react-email

Build and render React-based email templates for Resend.

Updated Apr 10, 2026
Search Tags:#resend#dev-server#tsx#email-templates#react-email#render-html
One-click install
npx skills add https://github.com/theslashdojo/dojo --skill react-email-theslashdojo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-email
Source: https://github.com/theslashdojo/dojo/tree/main/nodes/resend/react-email
Command: npx skills add https://github.com/theslashdojo/dojo --skill react-email-theslashdojo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @react-email/components, react, react-dom, react-email, @types/react, @types/react-dom, and includes scripts (resource) components.

What problem does it solve?

Email templating is error-prone and time-consuming when building cross-client HTML; this Skill delivers a library-based approach using React components to craft email templates that render reliably across clients.

Core Features & Use Cases

  • React-based components for email HTML compatibility.
  • Resend integration with react parameter, allowing server-side rendering.
  • Local development server with hot reload for previews.
  • Optional Tailwind styling via Tailwind component.

Quick Start

Install dependencies and start building templates in the emails/ directory, then pass the template to Resend's react option.

Frequently Asked Questions about react-email

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

FAQPage Schema
How do I build email templates with React for Resend?▼

To build email templates with React for Resend, author your templates as TSX components using @react-email/components, then pass the template directly to Resend's react parameter for server-side rendering and cross-client HTML delivery.

What is the react parameter in Resend used for?▼

The react parameter in Resend is used to pass React-based email components for server-side rendering. It allows you to send transactional or marketing emails by rendering TSX templates into cross-client compatible HTML.

Can I use Tailwind CSS to style React email templates?▼

Yes, you can style React email templates using Tailwind CSS through the optional Tailwind component provided by @react-email/components, ensuring compatible styling across various email clients.

How do I preview React email templates locally during development?▼

You can preview React email templates locally by using the included development server, which provides hot reload capabilities to view template changes in real-time before rendering through Resend.

Do I need React and ReactDOM installed to use react-email?▼

Yes, you need React, ReactDOM, and their associated type definitions installed as dependencies, alongside the @react-email/components package, to author and server-side render TSX email templates.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
NicholasSutinNicholasSutin

react-email

Create responsive HTML email templates with React components and Tailwind CSS.

Community
Intermediate
nathanielcrowell12-specnathanielcrowell12-spec

resend

Send transactional emails with Resend and React Email components.

Community
Intermediate
irchamajiirchamaji

react-email

Generate React Email HTML templates with React components and Tailwind.

Community
Advanced