Wire Resend and React Email into a Vercel app for transactional messages, domain verification, and template-based API routes.
Overview
Email is an agent skill for the Build phase that guides Resend and React Email integration for transactional sending from Vercel-deployed applications.
Install
npx skills add https://github.com/vercel-labs/vercel-plugin --skill emailWhat is this skill?
- Resend as native Vercel Marketplace integration with API and domain verification flow
- React Email template patterns for `emails/**` and `components/emails/**` layouts
- Path and bash pattern detection for `resend`, `@react-email`, and `lib/email*` files
- Transactional send guidance for `app/api/send` and related route handlers
- Documentation retrieval hooks to Resend and React Email official docs
- Metadata priority 4 with linked Resend and React Email doc sitemaps
- Covers 15+ path patterns for emails and API send routes
Adoption & trust: 30 installs on skills.sh; 187 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You deployed on Vercel but lack a clear path to verified domains, React Email templates, and API routes that send mail reliably.
Who is it for?
Indie SaaS builders on Vercel who need password resets, receipts, or onboarding email with Resend and component-based templates.
Skip if: Bulk marketing automation, non-Vercel hosts without adapting the patterns, or email needs with no transactional API requirement.
When should I use this skill?
Sending emails from a Vercel-deployed application or when repo matches email/resend/react-email install and file patterns.
What do I get? / Deliverables
Your project has Resend configured, React Email templates in place, and documented API send patterns ready for transactional use after deploy.
- React Email template components
- Configured Resend client helper
- API route(s) for transactional send
Recommended Skills
Journey fit
Email sending is implemented as backend integration while building a Vercel-deployed product. Focuses on Resend marketplace setup, React Email templates, and `app/api` send routes—not growth lifecycle campaigns.
How it compares
Vercel-oriented Resend + React Email integration skill, not a generic ESP comparison or CRM campaign tool.
Common Questions / FAQ
Who is email for?
Solo developers shipping Next.js or Vercel apps who want agent-guided setup for Resend transactional email and React Email templates.
When should I use email?
During build integrations when adding `resend`, React Email, `emails/**` templates, or `app/api/send` routes to a Vercel application.
Is email safe to install?
Sending email requires API keys and domain DNS changes; review Security Audits on this page and never commit Resend secrets to git.
SKILL.md
READMESKILL.md - Email
# Email Integration (Resend + React Email) You are an expert in sending emails from Vercel-deployed applications — covering Resend (native Vercel Marketplace integration), React Email templates, domain verification, and transactional email patterns. ## Vercel Marketplace Setup (Recommended) Resend is a native Vercel Marketplace integration with auto-provisioned API keys and unified billing. ### Install via Marketplace ```bash # Install Resend from Vercel Marketplace (auto-provisions env vars) vercel integration add resend ``` Auto-provisioned environment variables: - `RESEND_API_KEY` — server-side API key for sending emails ### SDK Setup ```bash # Install the Resend SDK npm install resend # Install React Email for building templates npm install react-email @react-email/components ``` ### Initialize the Client Current Resend SDK version: **6.9.x** (actively maintained, weekly down