Can I use this skill for client-side email sending?

No. For security reasons, this skill strictly enforces server-side sending to prevent exposing your RESEND_API_KEY to the browser.

How is webhook security handled?

The skill implements mandatory signature verification using the raw request body and Resend's webhook secret to ensure events are authentic and untampered.

Why must I await the render() function?

In React Email 5.0+, the render function returns a Promise. Failing to await it will result in sending '[object Promise]' as the email body instead of the generated HTML.

How does the skill handle bulk emails?

It provides patterns for the Resend Batch API, allowing you to send up to 100 emails per request while rendering templates in parallel for maximum efficiency.

Does it support Tailwind CSS for styling?

Yes, it includes patterns for using the @react-email/tailwind wrapper, supporting modern styling workflows within the constraints of email clients.

Resend & React Email Integration

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

byagents-inc

•

API 开发

Streamlines transactional email workflows using Resend and React Email templates with robust error handling.

This skill provides a comprehensive framework for implementing reliable email delivery systems using Resend and React Email within Claude Code. It offers standardized patterns for creating typed, component-based templates, handling server-side delivery with exponential backoff, and managing complex features like batch sending and webhook verification. By enforcing critical safety checks—such as awaiting asynchronous renders and ensuring CAN-SPAM compliance—this skill helps developers build secure, scalable, and maintainable communication layers for modern web applications.

主要功能

01Async and batch sending implementations for optimized performance and high volume.

021 GitHub stars

03Typed React Email templates with Tailwind CSS and PreviewProps support.

04Secure webhook signature verification for reliable event tracking.

05CAN-SPAM compliant unsubscribe and user preference management systems.

06Robust server-side sending patterns with built-in retry logic and error handling.

使用场景

01Generating automated transactional emails for authentication, receipts, and notifications.

02Implementing high-volume batch delivery for team updates and collaboration alerts.

03Setting up secure delivery monitoring and bounce tracking via Resend webhooks.

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

主要功能

01Async and batch sending implementations for optimized performance and high volume.

021 GitHub stars

03Typed React Email templates with Tailwind CSS and PreviewProps support.

04Secure webhook signature verification for reliable event tracking.

05CAN-SPAM compliant unsubscribe and user preference management systems.

06Robust server-side sending patterns with built-in retry logic and error handling.

使用场景

01Generating automated transactional emails for authentication, receipts, and notifications.

02Implementing high-volume batch delivery for team updates and collaboration alerts.

03Setting up secure delivery monitoring and bounce tracking via Resend webhooks.

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