email-best-practices

por resend

Orientação abrangente para construir sistemas de e-mail entregáveis, compatíveis e amigáveis ao usuário. Abrange configuração de autenticação (SPF/DKIM/DMARC), solução de problemas de spam e práticas recomendadas de entregabilidade para evitar que e-mails caiam no spam. Inclui modelos e padrões para e-mails transacionais (redefinições de senha, OTPs, confirmações) e e-mails de marketing com fluxos de consentimento adequados. Fornece estruturas de conformidade para as regulamentações CAN-SPAM, GDPR e CASL, além de lista de dupla confirmação e supressão...

npx skills add https://github.com/resend/email-best-practices --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.

Mais skills de resend

send-email
resend
Entrega de e-mails transacionais e em massa via API do Resend com endpoints único ou em lote. Escolha o endpoint único para e-mails individuais com anexos ou agendamento; use o endpoint em lote para 2 a 100 e-mails distintos em uma única requisição para reduzir chamadas de API. Implemente chaves de idempotência (formato <event-type>/<entity-id>) para evitar envios duplicados em novas tentativas, com expiração de 24 horas. Repita apenas respostas 429 (limite de taxa) e 500 (erro de servidor) usando backoff exponencial; corrija erros de validação 400/422 sem...
templates
resend
Use ao criar, atualizar, publicar, excluir ou listar templates de e-mail do Resend via API, ou ao definir variáveis de template, entender rascunho versus…
design-audit
resend
Audite o painel do Resend para verificar a conformidade com o sistema de design. Rotas aqui quando um usuário diz "audit design", "design alignment", "dashboard design audit", pergunta sobre…
marketing-pages
resend
Use ao criar, atualizar, editar ou excluir páginas de marketing/públicas no codebase do Resend. Abrange estrutura de páginas, regras de reutilização de componentes e…
resend-design-skills
resend
Use quando precisar de recursos de design do Resend. Direciona para diretrizes de marca, identidade visual, componentes de UI, tokens de design e padrões de páginas de marketing.
resend-design-system
resend
Use ao construir ou modificar a interface do usuário no código-fonte do Resend. Fornece APIs de componentes, opções de variantes, tokens de design e padrões de composição para todos os src/ui/…
react-email
resend
Construa e envie e-mails HTML usando componentes React com estilos seguros para o cliente e teste de pré-visualização. Desenvolvimento de e-mails baseado em componentes com suporte a TypeScript, apresentando componentes de layout principais (Html, Body, Container, Section, Row, Column) e elementos de conteúdo (Heading, Text, Button, Image, CodeBlock). Estilização com Tailwind CSS através do componente Tailwind com predefinição baseada em pixels; layouts baseados em tabelas necessários para compatibilidade com clientes de e-mail. Servidor de pré-visualização de desenvolvimento local em localhost:3000 com edição ao vivo;...
resend-migrate
resend
Use ao migrar do SendGrid, Mailgun ou Postmark para o Resend - detecta imports de @sendgrid/mail, sgMail, SENDGRID_API_KEY, mailgun, postmark e roteia para…