topskills

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
6/10
Compatibility
6/10
Documentation depth
10/10
Install ergonomics
10/10
License
5/5
Verification freshness
3/5

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

Related skills

Verified

Twilio's official Developer Kit: 55 skills across SMS, WhatsApp, Voice, Verify, SendGrid, and compliance — plus the Twilio MCP. Public beta.

TwilioSMSWhatsAppVoice
Code
Medium5 min
Verified

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

ResendEmailTransactional
Code
Medium3 min
Verified

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

EmailDeliverabilitySPF/DKIM/DMARC
Code
Low2 min

Ranked #3 in Email & Messaging

Publish the ranking in your README. The badge reads the live score, so it updates when the ranking does.

react-email — ranked #3 in Email & Messaging on Top Agent Skills
Markdown
[![react-email — ranked #3 in Email & Messaging on Top Agent Skills](https://top-agent-skills.com/badge/react-email.svg)](https://top-agent-skills.com/skill/react-email)
HTML
<a href="https://top-agent-skills.com/skill/react-email"><img src="https://top-agent-skills.com/badge/react-email.svg" alt="react-email — ranked #3 in Email & Messaging on Top Agent Skills"></a>

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.