Skip to skills
AI Craft Pad
Home/Skills/Design & UX/react-email
First-party source

React Email

A React-based email template workflow with preview, rendering and delivery considerations.

Editorial review checked 2026-10-29 against this instruction snapshot. Supporting scripts and runtime behavior remain outside this editorial review.

What it does

The source covers email components, asset paths, styling, template properties and optional visual-editor integration. It distinguishes developer preview data from the component’s real props and links to more detailed component and styling references. The goal is a maintainable email deliverable rather than a normal web page.

Best for

Teams building transactional or newsletter templates in a React stack, especially when shared components and previews matter.

Tradeoffs and requirements

Email clients support a narrower and less consistent HTML/CSS environment than browsers. A local preview can hide broken production asset URLs or client-specific layout problems. Sending through a provider introduces account, permission and cost requirements beyond template creation.

Unknown; inspect source requirements and supporting scripts.

Install from the source

Inspect the pinned source snapshot and its supporting files first. The command selects this skill through the open-source skills CLI. Node.js and agent-specific setup may be required. Installation can download code; this catalog never runs it.

npx skills add https://github.com/resend/resend-skills/tree/b2ae7b1798b70134faf679f35fc05b4331462988/skills/react-email --skill react-email

Review pinned skill folder ↗ · CLI documentation ↗

After source review, use npx skills check and npx skills update to inspect and apply upstream updates. Re-check changed instructions before running them.

Safety & review signals

Static review only. This is not a security audit or a guarantee of safety.

SKILL.md text only; scripts, dependencies and runtime behavior not audited.

  • Network Access — review the source context.
  • Shell Or Package Install — review the source context.

Allowed tools declaration: Unknown. Runtime permissions and network behavior: Unknown.

AI Craft Pad Skill Score

85/100 · Metadata coverage 100% · Model 1.0

Scores summarize observable discovery signals. Popularity and repository activity apply to the whole repository. Unknown runtime safety earns no certification.

Documentation
100/100
100
Maintenance
100/100
100
License Clarity
100/100
100
Repository Health
100/100
100
Compatibility Evidence
80/100
80
Popularity
42/100
42
Originality
80/100
80
Static Safety
60/100
60
Read the formula and limits →

Suggested workflow

Define the email’s purpose, required content and sample properties. Build a small reusable structure, render it to HTML and inspect how static assets resolve outside the development preview.

How to judge the result

Test with representative clients, images disabled and longer real content. Check links, plain-text fallback, alt text and mobile readability; use controlled test recipients before any authorized production send or campaign rollout.

Similar skills to compare

Related by category; compare scope and dependencies before choosing an alternative.

Design & UX87/100

20 andruia niche intelligence

sickn33/agentic-awesome-skills

Explore 20 andruia niche intelligence as a design & ux workflow from sickn33/agentic-awesome-skills. Compare its source, maintenance and review signals before choosing it for your agent.

Community sourceMIT3 matching source records
48,737 repo stars0 text flagsReview ↗
Design & UX87/100

3d ui

sickn33/agentic-awesome-skills

Explore 3d ui as a design & ux workflow from sickn33/agentic-awesome-skills. Compare its source, maintenance and review signals before choosing it for your agent.

Community sourceMIT3 matching source records
48,737 repo stars0 text flagsReview ↗
Design & UX87/100

animated github profile

sickn33/agentic-awesome-skills

Explore animated github profile as a design & ux workflow from sickn33/agentic-awesome-skills. Compare its source, maintenance and review signals before choosing it for your agent.

Community sourceMIT3 matching source records
48,737 repo stars2 text flagsReview ↗

More from this source

Automation & agents85/100

agent email inbox

resend/resend-skills

Explore agent email inbox as a automation & agents workflow from resend/resend-skills. Compare its source, maintenance and review signals before choosing it for your agent.

First-party sourceMIT
208 repo stars2 text flagsReview ↗
Development85/100

email best practices

resend/resend-skills

An email-system planning guide connecting deliverability, consent, retries, suppression and accessible content.

First-party sourceMITEditorial review
208 repo stars0 text flagsReview ↗
Automation & agents85/100

resend cli

resend/resend-skills

A terminal workflow for operating Resend with explicit noninteractive behavior and account context.

First-party sourceMITEditorial review
208 repo stars3 text flagsReview ↗

Works well in these suggested workflows

Editorial combinations of complementary roles; review each source independently.