react-email
Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.
Install
git clone https://github.com/resend/resend-skills /tmp/resend-skills && ln -s /tmp/resend-skills/skills/react-email ~/.claude/skills/react-emailFrom README
React Email Build and send HTML emails using React components. A modern, component-based approach to email development that works across all major email clients. Or scaffold a new project: This works with any package manager (npm, yarn, pnpm, bun) — substitute accordingly. The dev server runs at localhost:3000 with a preview interface for templates in the emails folder. Adding to an Existing Project the packages and add a script to your package.json: Make sure the path to the emails folder is relative to the base project directory. Ensure tsconfig.json includes proper support for JSX. Basic Email Template Create an email component with proper structure using the Tailwind component for styling: Behavioral Guidelines When iterating over the code, only update what the user asked for. Keep the rest intact. If the user asks to use media queries, inform them that most email clients don't support them and suggest a different approach.
More from this repo
agent-email-inbox
Used when building any system where email content triggers actions — AI agent inboxes, automated support handlers,...
email-best-practices
Used when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication,...
resend
Used when working with the Resend email API — sending transactional emails (single or batch), receiving inbound emails...