topskills
Browse Skills

react-email

Build cross-client HTML emails as React components, with a visual editor and Resend-ready rendering.

Score 0(?)VerifiedCodeby ResendSource
Verified for:

Install

$ npx skills add resend/resend-skills

Select "react-email" when prompted

Best for

Authoring transactional email templates (welcome, reset, receipt, notification) as type-safe React components that render across email clients.

Not ideal for

Plain-text-only sends or teams not using React — the value is the React Email component model.

About this skill

Use when building HTML email templates with React components, adding the React Email visual editor to an app, rendering emails to HTML, or sending them via Resend — welcome emails, password resets, receipts, newsletters, and transactional templates.

React EmailTemplatesTransactional

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
12.8/15
GitHub stars
6/15
Recency
8.5/10
Compatibility
6/10
Documentation depth
10/10
Install ergonomics
10/10
License
5/5
Verification freshness
5/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Related skills

Verified

Resend's own API skill: send transactional and batch email, handle inbound webhooks, and manage domains, templates, and keys.

ResendEmailTransactional
Code
Verified

Resend's deliverability playbook: SPF/DKIM/DMARC, spam avoidance, bounce handling, and CAN-SPAM/GDPR/CASL compliance.

EmailDeliverabilitySPF/DKIM/DMARC
Code
Verified

Give an agent a webhook-driven inbox with the sender-allowlist and content-filtering patterns that block prompt injection from inbound email.

Inbound EmailAgent SecurityWebhooks
Code

Skill FAQ

About react-email

What is the react-email skill?

Use when building HTML email templates with React components, adding the React Email visual editor to an app, rendering emails to HTML, or sending them via Resend — welcome emails, password resets, receipts, newsletters, and transactional templates.

Which agents does react-email work with?

Claude Code, Cursor, Codex CLI.

How do I install react-email?

Run `npx skills add resend/resend-skills` for Claude Code. See the install panel for per-agent commands.

Is react-email free to use?

Yes — react-email is open source (MIT).

Who maintains react-email?

react-email is published by Resend and was last updated on 2026-05-04.

What is react-email best for?

Authoring transactional email templates (welcome, reset, receipt, notification) as type-safe React components that render across email clients.