email-best-practices

von resend

Verwenden beim Erstellen von E-Mail-Funktionen, E-Mails, die im Spam landen, hohen Bounce-Raten, Einrichten von SPF/DKIM/DMARC-Authentifizierung, Implementieren von E-Mail-Erfassung, Sicherstellen von…

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.

Mehr Skills von resend

resend-inbound
resend
resend-inbound — eine installierbare Fähigkeit für KI-Agenten, veröffentlicht von resend/resend-skills.
official
resend-design-skills
resend
Verwenden, wenn Resend-Designressourcen benötigt werden. Leitet zu Markenrichtlinien, visueller Identität, UI-Komponenten, Design-Tokens und Marketingseitenmustern weiter.
official
email-best-practices
resend
Umfassende Anleitung zum Aufbau zustellbarer, konformer und benutzerfreundlicher E-Mail-Systeme. Behandelt Authentifizierungseinrichtung (SPF/DKIM/DMARC), Spam-Fehlerbehebung und Best Practices für die Zustellbarkeit, um zu verhindern, dass E-Mails im Spam landen. Enthält Vorlagen und Muster für Transaktions-E-Mails (Passwortzurücksetzungen, OTPs, Bestätigungen) und Marketing-E-Mails mit ordnungsgemäßen Einwilligungs-Workflows. Bietet Compliance-Frameworks für CAN-SPAM-, GDPR- und CASL-Vorschriften sowie Double-Opt-in- und Unterdrückungslisten...
official
email-best-practices
resend
Verwenden beim Erstellen von E-Mail-Funktionen, E-Mails, die im Spam landen, hohen Bounce-Raten, Einrichten von SPF/DKIM/DMARC-Authentifizierung, Implementieren von E-Mail-Erfassung, Sicherstellen von…
official
react-email
resend
Erstellen und versenden Sie HTML-E-Mails mit React-Komponenten, clientseitigem sicheren Styling und Vorschautests. Komponentenbasierte E-Mail-Entwicklung mit TypeScript-Unterstützung, mit Kernlayout-Komponenten (Html, Body, Container, Section, Row, Column) und Inhaltselementen (Heading, Text, Button, Image, CodeBlock). Tailwind CSS-Styling über die Tailwind-Komponente mit pixelbasiertem Preset; tabellenbasierte Layouts für E-Mail-Client-Kompatibilität erforderlich. Lokaler Dev-Server-Vorschau unter localhost:3000 mit Live-Bearbeitung;...
official
resend-cli
resend
Bevor Sie resend-Befehle ausführen, überprüfen Sie, ob die CLI installiert ist:
official
agent-email-inbox
resend
Verwenden beim Erstellen eines Systems, bei dem E-Mail-Inhalte Aktionen auslösen – KI-Agenten-Posteingänge, automatisierte Support-Handler, E-Mail-zu-Aufgaben-Pipelines oder beliebige Workflows…
official
react-email
resend
Verwenden beim Erstellen von HTML-E-Mail-Vorlagen mit React-Komponenten, Hinzufügen eines visuellen E-Mail-Editors zu einer Anwendung mit dem visuellen Editor von React Email, Rendern…
official