email-best-practices

Use when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring…

npx skills add https://github.com/resend/resend-skills --skill email-best-practices

Email Best Practices

Guidance for building deliverable, compliant, user-friendly emails.

Architecture Overview

[User] → [Email Form] → [Validation] → [Double Opt-In]
                                              ↓
                                    [Consent Recorded]
                                              ↓
[Suppression Check] ←──────────────[Ready to Send]
        ↓
[Idempotent Send + Retry] ──────→ [Email API]
                                       ↓
                              [Webhook Events]
                                       ↓
              ┌────────┬────────┬─────────────┐
              ↓        ↓        ↓             ↓
         Delivered  Bounced  Complained  Opened/Clicked
                       ↓        ↓
              [Suppression List Updated]
                       ↓
              [List Hygiene Jobs]

Quick Reference

Need to...See
Set up SPF/DKIM/DMARC, fix spam issuesDeliverability
Build password reset, OTP, confirmationsTransactional Emails
Plan which emails your app needsTransactional Email Catalog
Build newsletter signup, validate emailsEmail Capture
Send newsletters, promotionsMarketing Emails
Ensure CAN-SPAM/GDPR/CASL complianceCompliance
Decide transactional vs marketingEmail Types
Handle retries, idempotency, errorsSending Reliability
Process delivery events, set up webhooksWebhooks & Events
Manage bounces, complaints, suppressionList Management
Make emails accessible (screen readers, alt text, contrast)Accessibility

Start Here

New app? Start with the Catalog to plan which emails your app needs (password reset, verification, etc.), then set up Deliverability (DNS authentication) before sending your first email.

Spam issues? Check Deliverability first—authentication problems are the most common cause. Gmail/Yahoo reject unauthenticated emails.

Marketing emails? Follow this path: Email Capture (collect consent) → Compliance (legal requirements) → Marketing Emails (best practices).

Production-ready sending? Add reliability: Sending Reliability (retry + idempotency) → Webhooks & Events (track delivery) → List Management (handle bounces).

Accessibility? Most emails fail basic accessibility checks. See Accessibility for lang/dir, presentational tables, headings, alt text, <title>, and contrast.

More skills from resend

resend-inbound
resend
resend-inbound — an installable skill for AI agents, published by resend/resend-skills.
official
resend-design-skills
resend
Use when needing Resend design resources. Routes to brand guidelines, visual identity, UI components, design tokens, and marketing page patterns.
official
email-best-practices
resend
Comprehensive guidance for building deliverable, compliant, and user-friendly email systems. Covers authentication setup (SPF/DKIM/DMARC), spam troubleshooting, and deliverability best practices to prevent emails from landing in spam Includes templates and patterns for transactional emails (password resets, OTPs, confirmations) and marketing emails with proper consent workflows Provides compliance frameworks for CAN-SPAM, GDPR, and CASL regulations, plus double opt-in and suppression list...
official
email-best-practices
resend
Use when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring…
official
react-email
resend
Build and send HTML emails using React components with client-safe styling and preview testing. Component-based email development with TypeScript support, featuring core layout components (Html, Body, Container, Section, Row, Column) and content elements (Heading, Text, Button, Image, CodeBlock) Tailwind CSS styling via the Tailwind component with pixel-based preset; table-based layouts required for email client compatibility Local dev server preview at localhost:3000 with live editing;...
official
resend-cli
resend
Before running any resend commands, check whether the CLI is installed:
official
agent-email-inbox
resend
Use when building any system where email content triggers actions — AI agent inboxes, automated support handlers, email-to-task pipelines, or any workflow…
official
react-email
resend
Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering…
official