New Skills: Resend Email Suite - Best Practices, API, and React Components

We’ve added three new skills from Resend that together cover the complete email development workflow: from building templates to sending at scale with proper deliverability practices.

Email Best Practices

The Email Best Practices skill provides comprehensive guidance for production-ready email systems. It covers everything you need to ensure your emails actually reach inboxes.

What It Covers

Authentication & Deliverability

• SPF, DKIM, and DMARC setup for sender verification
• Sender reputation management
• Domain configuration best practices

Compliance Frameworks

• CAN-SPAM requirements for US emails
• GDPR consent management for EU recipients
• CASL compliance for Canadian audiences

Production Infrastructure

• Idempotency patterns to prevent duplicate sends
• Retry mechanisms with exponential backoff
• Webhook processing for delivery events
• Suppression list management and list hygiene

Resend Send Email

The Resend Send Email skill enables sending emails through the Resend API with support for both single and batch operations.

Key Features

Batch Sending Send up to 100 emails per API request for notifications, alerts, or scheduled campaigns.

Multi-Language SDKs Works with Node.js, TypeScript, Python, Go, Ruby, PHP, Rust, Java, .NET, and cURL—covering virtually any development environment.

Production Patterns Built-in guidance for idempotency keys, error handling, and retry logic to ensure reliable delivery.

Use Cases

The skill activates automatically for tasks like:

• Welcome emails for new user signups
• Batch notifications to customer segments
• Order confirmations and receipts
• Password reset flows

React Email

The React Email skill brings modern component-based development to email templates. Build emails with React and have them work across all major email clients.

Core Components

Structural Elements Html, Body, Container, Section, Row, Column for layout

Content Components Heading, Text, Button, Link, Img for content

Specialized Components CodeBlock, Markdown, Font for advanced formatting

Developer Features

Tailwind CSS Integration Use Tailwind classes with a pixel-based preset optimized for email clients (which don’t support rem units or flexbox).

Preview Server Local development environment for testing templates before sending.

Multiple Output Formats Render components to HTML or plain text as needed.

Internationalization Built-in support for next-intl, react-i18next, and react-intl.

TypeScript Support Full type safety for email props and component usage.

Brand-First Workflow

React Email emphasizes gathering brand information upfront—colors, logos, typography—and storing configurations in reusable files for consistency across all templates.

The Complete Workflow

These three skills work together:

1. React Email - Build your email templates with components
2. Email Best Practices - Configure authentication and compliance
3. Resend Send Email - Send emails reliably at scale

Get Started

Browse the skills in the directory:

• Email Best Practices
• Resend Send Email
• React Email

For more information, visit the GitHub repositories or the Resend documentation.