ファイル作成中級
メールテンプレートの一括作成
トランザクションメールやマーケティングメールのテンプレートを一括で生成するプロンプト。
監修: 平原尚樹
株式会社BlueAI 代表取締役CEO / ソフトウェアエンジニア / プロダクトエンジニア / Google Cloud Architect / 元AIスタートアップ(Doorkel)
監修: 酒井歩乃加
早稲田大学文化構想学部卒業 / フリーランス編集者・ライター / 元マイベスト編集ディレクター / SEO対策記事・取材記事執筆
こんな課題を解決
サービスに必要なメールテンプレート（登録確認、パスワードリセット、通知等）を個別に作るのが面倒。統一したデザインで一括生成したい。
プロンプト
Claude Code に入力
以下のトランザクションメールテンプレートを一括で作成してください。
## 共通設定
- ブランドカラー: #007A5A
- ロゴURL: https://example.com/logo.png
- フッター: 会社名、住所、配信停止リンク
## 生成するテンプレート
1. welcome: 会員登録完了メール
2. verify-email: メールアドレス確認
3. reset-password: パスワードリセット
4. invoice: 請求書送付
5. payment-success: 決済完了通知
6. payment-failed: 決済失敗通知
7. plan-upgrade: プランアップグレード確認
8. account-deactivation: アカウント停止通知
## 技術要件
- React Email（react-email ライブラリ）
- レスポンシブ対応（メールクライアント互換）
- プレビュー用の Storybook 的な確認画面
- 変数はプレースホルダー（{userName}, {resetLink} 等）で挿入実行結果の例
Claude Code が以下を生成します: - emails/welcome.tsx, emails/verify-email.tsx 等: 各テンプレート - emails/components/: 共通ヘッダー・フッター - email-preview.tsx: プレビュー画面 - 各テンプレートの変数一覧ドキュメント
コツ・ポイント
- 実際のメールクライアント（Gmail, Outlook）でテストすることを推奨
- react-email の dev サーバーでプレビュー確認できる
- 多言語対応が必要な場合は i18n 対応も指定する