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)、スパムトラブルシューティング、メールがスパムフォルダに入らないようにするための配信性のベストプラクティスをカバー。トランザクションメール(パスワードリセット、OTP、確認メール)や、適切な同意ワークフローを備えたマ
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