react-email

Convert JSON email specifications into HTML or plain-text emails using React Email components.

Updated Dec 30, 2025
One-click install
npx skills add https://github.com/inpiniti/bitcoin-simulation --skill react-email-inpiniti
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-email
Source: https://github.com/inpiniti/bitcoin-simulation/tree/main/.agents/skills/react-email
Command: npx skills add https://github.com/inpiniti/bitcoin-simulation --skill react-email-inpiniti

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This tool renders email outputs from JSON specs using the React Email ecosystem, enabling consistent delivery of transactional or marketing messages across clients.

Core Features & Use Cases

  • Render email output from JSON specs using @json-render/react-email and @react-email/components.
  • Build transactional or marketing emails from data models with predictable HTML or plain-text output.
  • Use Case: Generate email catalogs or AI-generated specs and render them for testing and previews.

Quick Start

Provide your JSON email spec and a catalog, then renderToHtml to generate the email HTML.

Frequently Asked Questions about react-email

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

FAQPage Schema
How do I render JSON email specifications into HTML?

To render JSON email specs into HTML, you provide your JSON specification and a component catalog, then use the renderToHtml function to generate the final HTML email output using React Email components.

What is JSON-based email templating for transactional messages?

JSON-based email templating is the process of converting structured JSON data models into renderable HTML or plain-text emails, enabling predictable and consistent delivery of transactional or marketing messages across various clients.

Can I generate plain-text emails from JSON definitions using React Email?

Yes, you can generate plain-text emails from JSON definitions. The rendering process applies React Email components to structured JSON specifications to output either renderable HTML or plain-text formats.

Do I need a component catalog to render JSON email specs?

Yes, you need a catalog of standard components. This catalog works with the @json-render/react-email packages to map your JSON email specifications into the appropriate React Email components for rendering.

Does this JSON email renderer work in both client and server environments?

Yes, the JSON email renderer works in both client and server environments. It uses the @json-render/react-email packages to process your structured JSON specifications and component catalogs for rendering outputs.

What is the best way to build marketing emails from data models?

The best way to build marketing emails from data models is to define them as JSON specifications and render them through a React Email component catalog, ensuring predictable HTML or plain-text output across email clients.