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