email

Send transactional emails from Vercel applications using Resend and React Email templates.

Updated Jul 31, 2026
One-click install
npx skills add https://github.com/AarnavBaddam/skills --skill email-aarnavbaddam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: email
Source: https://github.com/AarnavBaddam/skills/tree/main/email
Command: npx skills add https://github.com/AarnavBaddam/skills --skill email-aarnavbaddam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires resend, react-email, @react-email/components.

What problem does it solve? Sending transactional emails from a Vercel-deployed application requires wiring up an email provider, managing API keys, verifying domains, and building templates that render correctly across email clients. This Skill provides the complete integration pattern for Resend (a native Vercel Marketplace integration) with React Email templates, so you avoid misconfigured DNS records, broken templates, and duplicate sends. ## Core Features & Use Cases - Marketplace Setup & SDK Integration: Install Resend via the Vercel Marketplace with auto-provisioned RESEND_API_KEY environment variables and initialize the Resend SDK client. - React Email Templates: Build type-safe email templates with @react-email/components, preview them locally with hot reload, and use Tailwind CSS v4 with dark mode support. - Production Patterns: Batch sending, broadcast API for audiences, idempotency keys to prevent duplicate sends, webhook management for delivery events, and domain verification guidance. - Use Case: You need to send a welcome email when a user signs up in your Next.js app. Use this Skill to create a Server Action that renders a React Email template and sends it through Resend with an idempotency key. ## Quick Start Set up Resend email sending in my Next.js app with a welcome email template using React Email.

Frequently Asked Questions about email

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

FAQPage Schema
How do I send emails from a Next.js app with Resend?

Install the resend SDK, create a client with your RESEND_API_KEY, and call resend.emails.send from an API route or Server Action. You can pass HTML directly or render a React Email template via the react property.

How do I set up Resend with Vercel?

Install Resend from the Vercel Marketplace, which auto-provisions the RESEND_API_KEY environment variable with unified billing. Then install the resend npm package and initialize the client in a shared lib file.

Does React Email support dark mode and Tailwind?

React Email 5.x supports dark mode through a theming system tested across popular email clients. Use the Tailwind component with Tailwind CSS v4 for styling; note that v5 only supports Tailwind v4 and replaced renderAsync with render.

Why can't I send from my custom domain in Resend?

Custom domains must be verified in the Resend dashboard by adding MX, SPF, and DKIM DNS records at your domain provider. Until verification completes, use [email protected] as the from address for testing.

How do I prevent duplicate emails on retries with Resend?

Pass an Idempotency-Key header with a deterministic value derived from your business logic, such as order-confirmation-ord_123. Resend deduplicates requests with the same key within a 24-hour window.