react-email
Build React Email Templates
HTML email work is difficult because email clients render styles differently. This skill guides Claude, Codex, and Claude Code through React Email templates, previews, sending, and accessibility.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "react-email" from https://skillstore.io/skills/resend-react-email.md and its manifest at https://skillstore.io/api/skills/resend-react-email/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "react-email". Create a password reset email for a consumer app.
Expected outcome:
A React Email plan with component structure, preview text, secure reset link handling, email-safe styling, and plain text rendering notes.
Using "react-email". Review our newsletter template before launch.
Expected outcome:
A compatibility checklist covering Tailwind classes, table-safe layout, image formats, unsubscribe placement, dark mode risk, and accessibility issues.
Using "react-email". Add localized order confirmation emails.
Expected outcome:
An i18n approach with required locale props, translated subject guidance, currency formatting, RTL direction handling, and locale rendering tests.
Security Audit
SafeAI review found the static alerts are documentation false positives from Markdown fences, placeholder URLs, local import examples, and standard environment-variable configuration. No prompt injection, covert exfiltration, unauthorized command execution, or malicious intent was found in the reviewed files.
Risk Factors
⚙️ External commands (50)
🌐 Network access (50)
⚡ Contains scripts (6)
📁 Filesystem access (8)
🔑 Env variables (24)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/resend-react-email/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/resend-react-email?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/resend-react-email?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/resend-react-email/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/resend-react-email.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
resend. (2026). react-email security audit report (audit version 7) [Author version 2.1.0]. Skillstore. https://skillstore.io/skills/resend-react-email/audits/7BibTeX citation
@techreport{resend-resend-react-email-2026,
author = {resend},
title = {react-email security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/resend-react-email/audits/7},
note = {Author version 2.1.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-email security audit report (audit version 7)"
version: "2.1.0"
type: report
authors:
- name: "resend"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/resend-react-email/audits/7"
identifiers:
- type: other
value: "skillstore:resend-react-email:audit:7"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Create Transactional Templates
Build welcome, password reset, notification, receipt, and order confirmation emails with reusable React components.
Standardize Email Rendering
Apply React Email structure, Tailwind pixel units, plain text rendering, and accessibility checks across a product team.
Add an Email Editor
Embed the React Email visual editor, configure themes, and export editor content to email-ready output.
Try These Prompts
Use the react-email skill to create a welcome email for a SaaS product. Include preview text, a clear heading, body copy, and one action button.
Use the react-email skill to review this email template for React Email structure, Tailwind email safety, image handling, accessibility, and plain text rendering.
Use the react-email skill to plan a Resend sending flow for this template. Ask for the verified domain, sender, recipient rules, and required environment variables.
Use the react-email skill to design localized transactional emails with supported locales, translated subjects, RTL support, fallback messages, and rendering tests.
Best Practices
- Ask for brand colors, production asset URLs, verified sender domains, and provider credentials before sending guidance.
- Use React Email components and pixel-based Tailwind utilities instead of browser-only layout features.
- Render and review both HTML and plain text versions before production sends.
Avoid
- Do not hardcode localhost, placeholder domains, or temporary recipients in production templates.
- Do not use SVG, WEBP, flexbox, grid, or unsupported media query patterns for broad email compatibility.
- Do not send real emails or upload templates without explicit user confirmation.