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.
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.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
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.
AI 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.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/resend-react-email/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/resend-react-email?utm_source=security_passport_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><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>resend. (2026). react-email security audit report (audit version 7) [Author version 2.1.0]. Skillstore. https://skillstore.io/skills/resend-react-email/audits/7@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}
}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"
Build welcome, password reset, notification, receipt, and order confirmation emails with reusable React components.
Apply React Email structure, Tailwind pixel units, plain text rendering, and accessibility checks across a product team.
Embed the React Email visual editor, configure themes, and export editor content to email-ready output.
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.
Author
resendLicense
MIT
Author version
v2.1.0
Skillstore revision
r1
Ref
3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
Maintenance freshness
7/18/2026
Usage
8 downloads · 126 views
Implement React View Transitions
by vercel-labs
React view transitions are easy to misplace, causing silent or noisy animations. This skill guides route, Suspense, list, and shared element animation choices.
Improve Vue 3 TypeScript Practices
by hyf0
Vue TypeScript projects often hit confusing template, router, and Volar errors. This skill gives targeted Vue 3 fixes for Codex, Claude, and Claude Code.
Improve Vue Options API Code
by vuejs-ai
Vue Options API projects often lose type safety and correct this binding. This skill gives focused rules for safer Vue 3 components.
Build Frontend Apps Faster
by davila7
Frontend work often needs consistent React patterns, performance checks, and project scaffolding. This skill gives Claude and compatible agents practical guidance and local helper scripts for modern web application development.
Optimize React and Next.js Code
by vercel-labs
React and Next.js applications often lose performance through waterfalls, large bundles, and avoidable re-renders. This skill gives Claude, Codex, and Claude Code concrete review rules for faster frontend work.
Improve Vue Router Navigation
by antfu
Vue Router mistakes can cause stale data, redirect loops, and unreliable navigation. This skill provides focused Vue Router 4 patterns for implementation and review.