add-email

Integrates transactional email into web apps with provider detection and React Email templates.

Updated Apr 30, 2026
One-click install
npx skills add https://github.com/jnlanahan/Product-Agents-and-Skills --skill add-email-jnlanahan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-email
Source: https://github.com/jnlanahan/Product-Agents-and-Skills/tree/main/skills/4-Build-Email
Command: npx skills add https://github.com/jnlanahan/Product-Agents-and-Skills --skill add-email-jnlanahan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of getting transactional email working end-to-end so emails reliably arrive in inboxes rather than going to spam.

Core Features & Use Cases

  • Provider-aware integration: Detects existing email setup and extends the detected provider rather than migrating.
  • Transactional use cases: Covers welcome/onboarding emails, password reset emails, notification emails, and scheduled digest-style summaries.
  • Deliverability-first setup: Guides DKIM/SPF (and DMARC) DNS configuration and verifies delivery via provider dashboards.
  • Rich React Email templates: Supports rendering HTML and plain-text from React Email components.

Quick Start

Tell an AI assistant running in your repo to add transactional email and include welcome and password reset emails using Resend.

Frequently Asked Questions about add-email

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

FAQPage Schema
How do I add transactional email to my web app without existing emails going to spam?

Transactional email integration configures Resend with proper DNS records like SPF, DKIM, and DMARC to ensure onboarding and password reset messages reach inboxes reliably. It wires send-on-event hooks and verifies delivery through provider logs.

Does Resend work with React Email for rendering HTML and plain text templates?

Resend works directly with React Email to render both HTML and plain-text outputs for transactional messages. This integration supports welcome, password reset, notification, and digest-style email templates within your application.

How do I configure DNS records for email deliverability when setting up Resend?

Configuring DNS for Resend involves setting up DKIM, SPF, and DMARC records to authenticate outbound transactional emails. This deliverability-first setup prevents spam filtering and allows verification via the provider dashboard logs.

Can I integrate welcome and password reset emails if I already have an existing email provider?

Yes, the integration detects any existing email provider configuration and extends it rather than migrating away. It wires the requested transactional email types and templates into your current setup without disrupting existing functionality.

What types of transactional emails can I send using Resend in a React application?

Using Resend in a React application supports sending welcome onboarding, password reset, notification, and scheduled digest-style summary emails. The integration adds send-on-event hooks to trigger these emails during specific user actions.