AIが毎朝メルマガを書いて配信する仕組みの作り方

以下のWebページの解説に従って、Resend連携のニュースレター自動配信システムを私のプロジェクトに実装してください。

参考URL: https://tek.jp/learning/prompt-6/

必要な作業:
1. scripts/resend-mcp.cjs という名前でResend連携用のNode.jsスクリプトを作成すること。
2. .mcp.json に Resend MCPサーバーの設定を追加すること（RESEND_API_KEY, RESEND_AUDIENCE_ID, RESEND_FROM_EMAIL の環境変数を含む）。
3. 登録フォーム用のReactコンポーネント（NewsletterForm.tsx）を画面上に配置できるように作成すること。
4. フォームから受け取ったメールアドレスをResendのAudienceへ登録するための受け口（サーバー側の処理）を、私のサーバー環境に合わせて作成すること。

設定に必要な情報やファイル構成は上記URLの内容を自動で読み込んで判断してください。

javascript
// send_newsletter の中核処理イメージ (scripts/resend-mcp.cjs)

// .mcp.json で設定した環境変数を、プログラム内で使う名前に読み込む
const AUDIENCE_ID = process.env.RESEND_AUDIENCE_ID;
const FROM_EMAIL = process.env.RESEND_FROM_EMAIL;

case 'send_newsletter': {
  const { subject, html } = args;

  // 1. ResendのAudience APIから登録者一覧を取得
  const listResult = await requestResend(`/audiences/${AUDIENCE_ID}/contacts`);
  
  // 2. 配信停止（unsubscribed）していない有効な読者のみを抽出
  const activeSubscribers = listResult.data.filter(c => !c.unsubscribed);

  if (activeSubscribers.length === 0) {
    return { error: '有効な購読者が0人のため、送信できません。' };
  }

  // 3. 各読者への個別送信（Batch）データを組み立て
  const emailBatch = activeSubscribers.map(sub => ({
    from: FROM_EMAIL,
    to: sub.email,
    subject: subject,
    html: html,
  }));

  // 4. 100人を超える場合は安全装置で自動停止
  if (emailBatch.length > 100) {
    return { error: `現在の読者数は ${emailBatch.length} 人です。無料枠の上限（100人）を超えています。` };
  }

  // 5. /emails/batch エンドポイントへ一括送信
  const result = await requestResend('/emails/batch', 'POST', emailBatch);
  resultText = `メルマガを ${emailBatch.length} 人に一斉送信しました。`;
  break;
}

json
{
  "mcpServers": {
    "resend": {
      "command": "node",
      "args": ["scripts/resend-mcp.cjs"],
      "env": {
        "RESEND_API_KEY": "re_あなたのAPIキー",
        "RESEND_AUDIENCE_ID": "あなたのAudience ID",
        "RESEND_FROM_EMAIL": "news@あなたのドメイン"
      }
    }
  }
}

tsx
import React, { useState } from 'react';

export const NewsletterForm: React.FC = () => {
  const [email, setEmail] = useState('');
  const [status, setStatus] = useState<'idle' | 'submitting' | 'success' | 'error'>('idle');

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    if (!email) return;
    
    setStatus('submitting');
    try {
      // サーバー側の受け口（subscribe.php 等）へリクエストを送信
      const res = await fetch('/subscribe.php', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ email }),
      });
      
      const data = await res.json();
      if (res.ok && data.success) {
        setStatus('success');
        setEmail('');
      } else {
        setStatus('error');
      }
    } catch (err) {
      setStatus('error');
    }
  };

  return (
    <div className="newsletter-card">
      <h3>毎朝届くAIトレンドメールマガジン</h3>
      {status === 'success' ? (
        <p className="success-message">ご登録ありがとうございます！最初の配信をお楽しみに。</p>
      ) : (
        <form onSubmit={handleSubmit}>
          <input
            type="email"
            placeholder="メールアドレスを入力"
            value={email}
            onChange={(e) => setEmail(e.target.value)}
            required
          />
          <button type="submit" disabled={status === 'submitting'}>
            {status === 'submitting' ? '登録中...' : '無料で購読する'}
          </button>
        </form>
      )}
    </div>
  );
};

Resend MCPの list_subscribers で現在の読者一覧を表示して、そのあと send_newsletter を使って件名「テスト配信」、本文「これはテストです」というメールを送ってください

# 役割
あなたはテクノロジーメディアの専属メールマガジン編集長です。
読者が朝の通勤時間（約3分）で読み切れて、その日のうちに実務で試せるAIニュースレターを執筆します。

# 配信者情報（この値を本文で使用する）
- メルマガ名: [メルマガの名前]
- 発行者: [会社名または個人名]
- 所在地: [住所]
- 問い合わせ先: [メールアドレス]
- サイトURL: [https://example.com]

# 出力仕様
Resendの send_newsletter ツールを呼び出す際は、必ず件名（subject）と本文HTML（html）の2つを指定すること。
出力は必ず次のフォーマットに従い、前置きや解説文は一切出力しないこと。

1行目: 件名: （ここに件名を書く）
2行目以降: HTML本文のみ

# 件名のルール
- 全角30文字以内とする（スマホの通知画面で途切れないため）。
- 今日のメインニュースの固有名詞や数字を必ず1つ含める。
- 煽り表現（「衝撃」「神」「ヤバい」など）は絶対に使用しない。
- 広告や宣伝を含む回は、件名の先頭に [PR] を付ける。

# 本文の構成
1. ヘッダー（メルマガ名と日付）
2. 導入の挨拶（季節の挨拶や本日のハイライトを2〜3文で簡潔に）
3. メインニュース解説（本日の最重要ニュース1選。背景、概要、実務への影響）
4. 明日から使えるAIプロンプト例（コピーしてそのまま使える指示文）
5. フッター（特定電子メール法に基づく表記）

# 取材・誤情報防止ルール
- 一次情報（公式サイト、公式ブログ、開発元リリース）が存在する場合は、必ず一次情報のURLへリンクを貼ること。まとめサイトや二次ニュースサイトへのリンクは絶対に貼らないこと。
- 配信当日の日本時間および現地時間を確認し、過去のニュースを「最新情報」として扱わないこと。

# メール互換HTML制約
- 外部CSSファイルや <style> タグ、flexbox / grid などのモダンレイアウトは使用しないこと。
- インラインCSS（style="..."）のみを使用し、シンプルで崩れないテーブル/ブロック構造で記述すること。
- モバイル画面での表示崩れを防ぐため、メインコンテナの幅は最大600px（max-width: 600px; width: 100%;）とすること。

# フッター記載ルール（特定電子メール法による必須表記）
本文の末尾には、以下のフッターを必ずインラインスタイルでHTML挿入すること。

---
[メルマガの名前]
発行者: [会社名または個人名]
所在地: [住所]
お問い合わせ: [メールアドレス] | [サイトURL]

配信停止をご希望の場合は、以下のリンクからお手続きいただけます。
配信停止手続き: {{{RESEND_UNSUBSCRIBE_URL}}}
---

毎朝7:30の定期タスクとして以下を実行してください。

1. 本日の主要AIニュースと最新プロンプト情報をサーチし、Step 4で作成したメルマガ用Skills ( skills/newsletter.md ) に従ってHTML原稿を作成してください。
2. 作成されたHTML原稿の誤字脱字、リンク切れ、法的表記の不備を自己検閲してください。
3. 検閲を通過したら、Resend MCPの send_newsletter ツールを呼び出し、登録ユーザーリストへメールを一括送信してください。
4. 送信結果（送信件数とレスポンスID）を log/newsletter_history.log に記録して完了してください。