react-email

Convert JSON email specifications into HTML or plain-text output.

Updated Jan 18, 2026
One-click install
npx skills add https://github.com/xztxy/json-render --skill react-email-xztxy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-email
Source: https://github.com/xztxy/json-render/tree/main/skills/react-email
Command: npx skills add https://github.com/xztxy/json-render --skill react-email-xztxy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The React Email renderer converts JSON specs into HTML or plain-text emails, enabling predictable, component-driven email generation with the @react-email toolkit.

Core Features & Use Cases

  • Generate email layouts from JSON specs using a catalog of standard components.
  • Validate and render emails server-side or client-side for previews, catalogs, and AI-generated specs.
  • Create reusable email templates and render dynamic content safely across clients.

Quick Start

Render a sample spec to HTML using the defined catalog and registry.

Frequently Asked Questions about react-email

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert JSON specs into HTML emails?

To convert JSON specs into HTML emails, you can use a React Email renderer to parse component-driven specifications and generate standards-compliant HTML or plain-text email output reliably across various email clients.

What is the best way to render transactional emails from JSON?

The best way to render transactional emails from JSON is using a component-driven renderer like React Email, which validates JSON specs and outputs predictable HTML markup suitable for consistent client-side or server-side email delivery.

Can I use React Email to generate plain-text email output?

Yes, you can use React Email to generate plain-text email output. The renderer converts JSON-based email specifications into both HTML and plain-text formats, ensuring safe dynamic content rendering across different email clients.

Do I need @react-email/components to render email specs?

Yes, you need @react-email/components and @react-email/render libraries to parse and render email specs. These dependencies provide the standard component catalog required to generate standards-compliant HTML markup from your JSON specifications.

How does component-driven email rendering work for AI-generated specs?

Component-driven email rendering for AI-generated specs works by mapping JSON specifications to a catalog of standard React Email components, validating the structure, and rendering it into reliable HTML markup that displays consistently across email clients.