Setup & Installation
npx skills add https://github.com/resend/resend-skills --skill react-email
https://github.com/resend/resend-skills/tree/main/skills/react-email
View on GitHubWhat This Skill Does
Lets you build HTML email templates as React components and preview them in a local dev server. Includes a visual editor built on TipTap, Tailwind CSS support, and rendering to HTML or plain text. Works with Resend, Nodemailer, SendGrid, or any email provider for sending.
Writing HTML emails by hand means fighting table layouts and inline styles across dozens of email clients, while this lets you use React components and Tailwind classes that compile to compatible HTML automatically.
When to use it
- Building a welcome email with a verification link for new signups
- Embedding a visual email editor into your SaaS app for end users
- Creating order confirmation emails with dynamic product lists
- Previewing email templates locally before sending to real inboxes
- Sending transactional emails like password resets through Resend