react-email-templates

Render React Email templates to HTML and send via Resend.

7|Updated Dec 4, 2025
One-click install
npx skills add https://github.com/planetaryescape/blah.chat --skill react-email-templates
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-email-templates
Source: https://github.com/planetaryescape/blah.chat/tree/main/.claude/skills/react-email-templates
Command: npx skills add https://github.com/planetaryescape/blah.chat --skill react-email-templates

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides ready-made transactional email templates built with React Email for automated sending.

Core Features & Use Cases

  • Prebuilt templates in templates/ for common transactional emails.
  • Shared components (EmailContainer, EmailButton) to ensure consistent branding.
  • Resend integration to enable reliable sending of rendered emails in production.

Quick Start

Use the templates with the React Email components, render to HTML with @react-email/render, and send via Resend in your Node application.

Frequently Asked Questions about react-email-templates

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

FAQPage Schema
How do I send transactional emails using React Email and Resend in Node?

To send transactional emails with React Email and Resend, use @react-email/render to compile your templates into HTML, then pass the rendered output to the Resend client for automated delivery in your Node application.

What is the best way to structure transactional email templates for consistent branding?

The best way to ensure consistent branding in transactional emails is to use shared React Email components like EmailContainer and EmailButton, which provide reusable layout and styling across all prebuilt templates.

Do I need inline styles for React Email templates rendered in Node?

Yes, you need inline styles for React Email templates rendered in Node to ensure consistent visual rendering across various email clients, as the workflow relies on inline styling rather than external CSS.

Can I use prebuilt transactional email templates for automated sending with Resend?

Yes, you can use prebuilt transactional email templates for automated sending with Resend, leveraging the provided React Email components and the render-and-send flow for production-grade Node workflows.

How does the render and send flow work for React Email templates?

The render and send flow works by first converting React Email templates into HTML strings using @react-email/render, then transmitting those HTML strings through the Resend API to finalize automated email delivery.

Are there limitations to using React Email components for transactional emails?

Limitations of using React Email components include the requirement to render templates to HTML before sending and the strict dependency on inline styling, meaning external CSS or dynamic client-side scripting will not function in the final email.