email-best-practices

作者: resend

在构建邮件功能、处理邮件进入垃圾箱、高退信率、设置SPF/DKIM/DMARC认证、实现邮件捕获、确保…时使用

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.

来自 resend 的更多技能

resend-inbound
resend
resend-inbound — 一个可安装的AI代理技能,由resend/resend-skills发布。
official
resend-design-skills
resend
当需要Resend设计资源时使用。可获取品牌指南、视觉识别、UI组件、设计令牌及营销页面模式。
official
email-best-practices
resend
构建可投递、合规且用户友好的电子邮件系统的全面指南。涵盖身份验证设置(SPF/DKIM/DMARC)、垃圾邮件故障排查以及防止邮件进入垃圾箱的可投递性最佳实践。包含事务性邮件(密码重置、一次性密码、确认邮件)和营销邮件的模板与模式,并附有适当的同意工作流程。提供针对CAN-SPAM、GDPR和CASL法规的合规框架,以及双重选择加入和抑制列表...
official
email-best-practices
resend
在构建邮件功能、处理邮件进入垃圾箱、高退信率、设置SPF/DKIM/DMARC认证、实现邮件捕获、确保…时使用
official
react-email
resend
使用React组件构建并发送HTML电子邮件,支持客户端安全样式和预览测试。基于组件的电子邮件开发,提供TypeScript支持,包含核心布局组件(Html、Body、Container、Section、Row、Column)和内容元素(Heading、Text、Button、Image、CodeBlock)。通过Tailwind组件实现Tailwind CSS样式,采用基于像素的预设;为兼容邮件客户端需使用表格布局。本地开发服务器预览地址为localhost:3000,支持实时编辑;...
official
resend-cli
resend
在运行任何 resend 命令之前,检查 CLI 是否已安装:
official
agent-email-inbox
resend
在构建任何需要邮件内容触发动作的系统时使用——AI代理收件箱、自动化支持处理程序、邮件转任务管道或任何工作流……
official
react-email
resend
在构建使用React组件的HTML邮件模板时使用,为应用添加基于React Email可视化编辑器的邮件编辑功能,渲染…
official