---
name: "resend-react-email-transactional"
description: "Send beautiful transactional emails authored as React components using the Resend API."
metadata:
  author: "Resend"
  version: "1.0.0"
  runtime_compatibility:
    - "codex"
    - "claude-code"
    - "cursor"
    - "windsurf"
triggers:
  - "send email with resend"
  - "render react email template"
  - "verify domain resend"
permissions:
  fs_read: true
  fs_write: "workspace"
  shell_exec: false
  net_access: false
---

# Resend Transactional Email Delivery with React Components

Configures Resend: resend.emails.send(), rendering React components as email HTML, handling attachments, configuring custom domain SPF/DKIM authentication, and listening to delivery/bounce webhooks.

## When to Invoke
Invoke this skill whenever you need to:
- send email with resend
- render react email template
- verify domain resend

## Execution SOP & Rules
1. Initialize: const resend = new Resend(process.env.RESEND_API_KEY).
2. Send email: await resend.emails.send({ from: 'support@example.com', to: user.email, subject: 'Welcome!', react: WelcomeEmail({ name: user.name }) }).
3. Handle errors and record returned message ID for email delivery tracking.
4. Verify domain ownership and DNS records via Resend dashboard before sending to external inboxes.

## Verification Checklist
- Run local linting, syntax validation, and type-checks before reporting completion.
- Ensure all created or modified files adhere to workspace boundaries and avoid uncommitted secrets.
- Verify tests or build commands exit cleanly with return code 0.