design-audit

Resend APIを使用したトランザクションメールおよび一括メール配信。単一エンドポイントまたはバッチエンドポイントに対応。単一エンドポイントは添付ファイルやスケジュール設定を含む個別メールに使用し、バッチエンドポイントは1リクエストで2～100通の異なるメールを送信してAPI呼び出しを削減。べき等性キー（<event-type>/<entity-id>形式）を実装し、リトライ時の重複送信を防止、24時間で有効期限切れ。429（レート制限）および500（サーバーエラー）応答のみ指数バックオフでリトライし、400/422のバリデーションエラーは修正してから再試行。

ResendのメールテンプレートをAPI経由で作成、更新、公開、削除、一覧表示する際、またはテンプレート変数を定義する際、ドラフトと…の違いを理解する際に使用します。

Resendコードベース内でマーケティング／公開ページを作成、更新、編集、または削除する際に使用します。ページ構造、コンポーネント再利用のルール、および…をカバーします。

Resendのデザインリソースが必要な場合に使用します。ブランドガイドライン、ビジュアルアイデンティティ、UIコンポーネント、デザイントークン、マーケティングページパターンにルーティングします。

ResendコードベースでUIを構築・変更する際に使用します。すべてのsrc/ui/…に対するコンポーネントAPI、バリアントオプション、デザイントークン、構成パターンを提供します。

Reactコンポーネントを使用して、クライアントセーフなスタイリングとプレビューテストを備えたHTMLメールを構築・送信します。TypeScript対応のコンポーネントベースのメール開発で、コアレイアウトコンポーネント（Html、Body、Container、Section、Row、Column）とコンテンツ要素（Heading、Text、Button、Image、CodeBlock）を備えています。ピクセルベースのプリセットを使用したTailwindコンポーネントによるTailwind CSSスタイリング。メールクライアント互換性のためにテーブルベースのレイアウトが必要です。localhost:3000でのローカル開発サーバープレビューとライブ編集機能を提供。

SendGrid、Mailgun、またはPostmarkからResendへの移行時に使用します。@sendgrid/mail、sgMail、SENDGRID_API_KEY、mailgun、postmarkのインポートを検出し、ルーティングします…

メールの内容がアクションをトリガーするシステム（AIエージェントの受信箱、自動サポートハンドラー、メールからタスクへのパイプライン、その他のワークフローなど）を構築する際に使用します。