Why is it critical to await the render() function?

In React Email 5.0 and later, the render function returns a Promise. Failing to await it will cause the email body to be sent as the string '[object Promise]' instead of the actual HTML content.

Can I send emails directly from the client-side?

No, this skill strictly enforces server-side sending. Exposing your RESEND_API_KEY in client-side code is a major security vulnerability that could lead to unauthorized use of your account.

Does this skill help with email legal compliance?

Yes, it includes mandatory patterns for including unsubscribe links in non-transactional emails to ensure compliance with CAN-SPAM and other global email regulations.

How does the skill handle failed email deliveries?

The skill implements standardized error handling patterns, including checking for specific Resend API errors and utilizing exponential backoff for retrying transient failures like rate limits.

Resend & React Email Integration

Name: Resend & React Email Integration
Author: agents-inc

byagents-inc

0•

API開発

Implements production-ready transactional email systems using Resend for delivery and React Email for type-safe component templates.

This skill provides a comprehensive framework for managing email communications within Claude Code projects, combining the modern developer experience of React Email with the reliability of Resend. It enforces professional standards such as asynchronous rendering, server-side security, and automated retries with exponential backoff for transient failures. By integrating advanced patterns for batch sending, webhook verification, and CAN-SPAM compliance, this skill ensures that your application's email infrastructure is scalable, secure, and developer-friendly.

主な機能

01Robust error handling and automated retry logic for reliable delivery

02Advanced delivery controls including scheduled sending and idempotency keys

03Secure webhook signature verification for tracking delivery events

040 GitHub stars

05High-performance batch sending API support for up to 100 recipients

06Type-safe React Email template construction with Tailwind CSS support

ユースケース

01Building notification systems with delivery tracking and user preference management

02Generating dynamic transactional emails like order receipts and invoices

03Automating authentication flows including magic links, 2FA, and password resets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills api-email-resend-react-email

For use in Claude.ai and ChatGPT

Download Skill