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 的更多技能

design-audit
resend
審核Resend儀表板的設計系統一致性。當使用者說「審核設計」、「設計一致性」、「儀表板設計審核」、詢問關於…時,會路由至此。
official
marketing-pages
resend
在 Resend 程式碼庫中建立、更新、編輯或刪除行銷/公開頁面時使用。涵蓋頁面結構、元件重用規則,以及…
official
send-email
resend
透過 Resend API 的單一或批次端點進行交易與大量電子郵件傳送。選擇單一端點可傳送含附件或排程的個別郵件;使用批次端點可在單一請求中傳送 2 至 100 封不同郵件,以減少 API 呼叫次數。實作冪等金鑰(格式為 <事件類型>/<實體 ID>),可防止重試時重複傳送,金鑰有效期為 24 小時。僅對 429(速率限制)和 500(伺服器錯誤)回應進行重試,並使用指數退避;修正 400/422 驗證錯誤,無需...
official
templates
resend
在透過 API 建立、更新、發佈、刪除或列出 Resend 電子郵件範本時使用,或是在定義範本變數、了解草稿與正式版本之間的差異時使用。
official
design-audit
resend
審計 Resend 儀表板的設計系統一致性。當使用者說「audit design」、「design alignment」、「dashboard design audit」、詢問關於……時,路由至此。
official
marketing-pages
resend
在Resend程式碼庫中建立、更新、編輯或刪除行銷/公開頁面時使用。涵蓋頁面結構、元件重用規則,以及…
official
resend-design-skills
resend
在需要Resend設計資源時使用。導向品牌指南、視覺識別、UI元件、設計標記及行銷頁面模式。
official
resend-design-system
resend
在 Resend 程式碼庫中建置或修改 UI 時使用。提供所有 src/ui/… 的元件 API、變體選項、設計代碼、組合模式。
official