---
name: react-email
slug: react-email
score: 63
rubric: 1.0
provenance: verified-org
publisher: Resend
license: MIT
capability: read-write
canonical: https://top-agent-skills.com/skill/react-email
---

# react-email

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

## Install

### Claude Code

```bash
npx skills add resend/resend-skills
```

### Cursor

```bash
npx skills add resend/resend-skills --target cursor
```

### Codex CLI

```bash
codex skills add resend/resend-skills/skills/react-email
```

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

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.

## Compatibility

claude-code, cursor, codex

## Metadata

- Categories: email-messaging, frontend-design
- Tags: React Email, Templates, Transactional
- Setup time: 3 min
- Complexity: Medium
- Last update: 2026-05-04
- Verified: 2026-06-16
- Source: https://github.com/resend/resend-skills/tree/main/skills/react-email


---

_Indexed by Top Agent Skills. Score breakdown: https://top-agent-skills.com/about/methodology_