email-best-practices

от resend

Используйте при создании функций электронной почты, попадании писем в спам, высоком уровне отказов, настройке аутентификации SPF/DKIM/DMARC, внедрении сбора email-адресов, обеспечении...

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.

Больше skills от resend

send-email
resend
We need to translate the given text from English to Russian, preserving the name "send-email" if it appears, but it doesn't appear in the text. The text is a description of an agent skill for sending emails via Resend API. We must preserve product names (Resend API), protocol names, URLs (none), numbers, technical terms (like "idempotency keys", "exponential backoff", "429", "500", "400/422", etc.). Do not add any extra commentary or labels. Just translate the text. The text: "Transactional and bulk email delivery via Resend API with single or batch endpoints. Choose single endpoint for individual emails with attachments or scheduling; use batch endpoint for 2–100 distinct emails in one request to reduce API calls Implement idempotency keys ( <event-type>/<entity-id> format) to prevent duplicate sends on retries, with 24-hour expiration Retry only 429 (rate limit) and 500 (server error) responses using exponential backoff; fix 400/422 validation errors without
templates
resend
Используйте при создании, обновлении, публикации, удалении или получении списка шаблонов электронных писем Resend через API, а также при определении переменных шаблона, понимании разницы между черновиком и...
design-audit
resend
Проверьте панель управления Resend на соответствие дизайн-системе. Направляется сюда, когда пользователь говорит «аудит дизайна», «соответствие дизайну», «аудит дизайна панели управления», спрашивает о…
marketing-pages
resend
Используйте при создании, обновлении, редактировании или удалении маркетинговых/публичных страниц в кодовой базе Resend. Охватывает структуру страниц, правила повторного использования компонентов и…
resend-design-skills
resend
Используйте, когда нужны дизайн-ресурсы Resend. Направляет к бренд-гайдам, визуальной айдентике, UI-компонентам, дизайн-токенам и шаблонам маркетинговых страниц.
resend-design-system
resend
Используйте при создании или изменении UI в кодовой базе Resend. Предоставляет API компонентов, варианты опций, дизайн-токены, шаблоны композиции для всех src/ui/…
react-email
resend
Создавайте и отправляйте HTML-письма с помощью React-компонентов, используя безопасные для клиентов стили и предварительное тестирование. Разработка писем на основе компонентов с поддержкой TypeScript, включающая основные компоненты макета (Html, Body, Container, Section, Row, Column) и элементы содержимого (Heading, Text, Button, Image, CodeBlock). Стилизация с помощью Tailwind CSS через компонент Tailwind с пиксельным пресетом; для совместимости с почтовыми клиентами требуются табличные макеты. Локальный сервер разработки с предпросмотром на localhost:3000 и редактированием в реальном времени;...
resend-migrate
resend
Используется при миграции с SendGrid, Mailgun или Postmark на Resend — обнаруживает импорты @sendgrid/mail, sgMail, SENDGRID_API_KEY, mailgun, postmark и перенаправляет на…