What is required to move to production?

You will need a Resend account and API key. Once you verify your domain in Resend and add the API key to your production environment variables, the system will automatically switch to live delivery.

How do I test emails locally?

The skill configures Mailpit via Docker, allowing you to catch and view all outgoing emails in a local web interface usually located at http://localhost:8025.

Can I customize the generated email templates?

Yes. All templates are generated as standard React components within your project directory, allowing you to fully customize the logic, branding, and Tailwind CSS styling.

Does this skill work with any React framework?

It is optimized for Next.js (supporting both src and non-src directory structures) but utilizes standard TypeScript and React Email components that can be adapted for other environments.

Transactional Email Setup

Name: Transactional Email Setup
Author: mattwoodco

bymattwoodco

•

Automatización de Marketing

Configures a complete transactional email system using Resend for production and Mailpit for local development.

This skill automates the integration of a professional email infrastructure within Next.js applications, providing a seamless bridge between local testing and production delivery. It sets up a unified email client that automatically toggles between Resend for live environments and Mailpit for local Docker-based testing. Developers receive a suite of pre-configured, responsive React Email templates for critical workflows including magic links, 2FA verification codes, password resets, and generic system notifications, all styled with Tailwind CSS.

Características Principales

013 GitHub stars

02Responsive base layout utility styled with Tailwind CSS

03Local SMTP testing integration via Docker and Mailpit web UI

04Environment-aware email client with automatic Resend/Mailpit switching

05Unified sendEmail utility with automatic plain-text and HTML generation

06Pre-built React Email templates for authentication and notifications

Casos de Uso

01Testing complex email sequences locally without consuming API credits

02Implementing secure authentication flows like magic links and 2FA

03Standardizing transactional notifications across a full-stack application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills email

For use in Claude.ai and ChatGPT

Download Skill