react-email — Skills — getagentictools

What it does

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.

Never write the {{variableName}} pattern directly in the component structure. If the user insists, explain that this would make the template invalid.

Html - Root wrapper with lang attribute

Head - Meta elements, styles, fonts

Body - Main content wrapper

Container - Outermost centering wrapper (has built-in max-width: 37.5em). Use only once per email.

react email

Source

Repository: https://github.com/resend/react-email

react-email FAQ

What does the react-email skill do?

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. 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.

What does react-email require?

How do I install react-email?

Run: npx -y skills add https://github.com/resend/react-email --skill react-email --agent claude-code — the source lives at github.com/resend/react-email.

Maintain react-email?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![react-email on getagentictools](https://getagentictools.com/badge/skills/resend-react-email-react-email.svg)](https://getagentictools.com/skills/resend-react-email-react-email?ref=badge)

npx agentictools info skills/resend-react-email-react-email

The second line is the CLI lookup for this page — handy in READMEs and docs.