AIコパイロット&MCPサーバーによるインタラクティブメールの構築

レイアウト、チャート、フォーム、イベントブロックが揃ったスタジオも、アイデアをどれだけ速くキャンバスに落とし込めるかによってしか役に立ちません。AIコパイロットは、一度きりの下書きではなく、本物のマルチターンの会話です: プロジェクトのブロックツリーを、自分自身がスタジオを使うのと同じように、一度に1つずつ変更していくため、フォローアップのリクエストは頼んだ部分だけに触れます。同じツールアクセスはMCPサーバーとしても公開されているため、Claude Codeでクライアントのビルドを行う代理店や、自社のAIツールからメールをスクリプト化する開発者は、ダッシュボードを一切開くことなく同じ能力を得られます。

スタジオでAIコパイロットとチャットして、メールを1ブロックずつ構築・編集します。あるいは、Claude DesktopやClaude CodeをMailInAppのMCPサーバーに向ければ、ダッシュボードの外からまったく同じ能力を得られます。

レイアウト、チャート、フォーム、イベントブロックが揃ったスタジオも、アイデアをどれだけ速くキャンバスに落とし込めるかによってしか役に立ちません — そして、良いアイデアが1回のリクエストで完全な形のまま届くことはめったにありません。

ブランドボイスプロファイルに基づく

AIコパイロットは、毎ターン、アカウントのブランドボイスプロファイルを自動的に読み込みます:

  • トーンのガイドライン: ブランド独自のトーン(直接的、テクニカル、ウィットに富む、権威的など)を学習します。
  • 禁止ワード&バズワード: AIっぽさの出る表現(「シームレスに」「解き放つ」「ゲームチェンジャー」)や独自の禁止用語を自動的に避けます。
  • 価値提案: ブランドの中核的なポジショニングを、コピーに自然に織り込みます。

一度きりの下書きではなく、本物の会話

以前の「AIで生成」ボタンは、1回の構造化出力の呼び出しを行い、再生成することしかできず、調整はできないメール全体を返していました。コパイロットは代わりに、自分自身がスタジオを使うのと同じように、プロジェクトのブロックツリーを一度に1つの変更ずつ編集します — 単一のブロックを追加、更新、移動、削除します。「カウントダウンを投票に入れ替えて」といったフォローアップは、メールを最初から作り直すのではなく、その1つのブロックだけに触れます。

プリフライト品質検証

送信前に、スタジオツールバーの🔍 プリフライトチェックを実行し、AIが生成したコピーをブランドガイドラインと照合します。プリフライトインスペクターは0〜100%の品質スコアを算出し、残っているAIバズワード、ダークモードの画像リスク、モバイルのCTA不足などにフラグを立てます。

固定されたサブセットではなく、あらゆるブロックタイプ

コパイロットは、人間の編集者が呼び出すのと同じツールを呼び出すことで動作するため、スタジオのレジストリが定義するすべてのブロック — レイアウト(セクション、カラム、繰り返し)、13種類すべてのチャートタイプ、RSVPやミーティングリンクといったイベントブロック、フォーム、クイズ、そしてプロジェクトのテーマトークン — を自動的にカバーします。

同じツール、2つの入り口

src/lib/studio/aiTools.tsのツールコア — add_block、update_block、remove_block、move_block、set_theme、get_tree — は、2つの入り口の両方で共有されています:

  • スタジオ内では、✨ AIコパイロットのツールバーボタンがチャットパネルを開き、手動編集と同じUndo/Redoスタックを通じて、開いているキャンバスに直接変更を適用します。
  • MCP経由では、外部クライアントが送信APIと同じBearer APIキーで認証し、プロジェクトへ直接書き込みます — ブラウザタブを開いておく必要はありません。

プランでの利用可否

AIコパイロットとMCPサーバーは、1つの共有された月間ターン割り当てから消費し、Liteプラン以上で利用できます — FreeとStarterには含まれません。プランごとの正確な割り当ては料金を参照してください。

典型的な作成・送信の流れ

  1. 1

    コパイロットを開くか、MCPサーバーを接続する

    スタジオでは、ツールバーの✨ AIコパイロットをクリックします。外部ツールからは、開発者セクションで発行したAPIキーを使って、Claude DesktopやClaude CodeにMailInAppをMCPサーバーとして追加します。

  2. 2

    メール、またはそれに対する1つの変更を説明する

    最初の下書きには「カウントダウンと商品ブロックを使った商品ドロップメールを作って」、すでに構築済みのものへの狙い撃ちの編集には「カウントダウンを投票に入れ替えて」— どちらも同じ種類のリクエストです。

  3. 3

    実際のツリーが編集されるのを見る

    それぞれの返答は、丸ごとの再生成ではなく、プロジェクトに対する実際の`add_block`/`update_block`/`move_block`/`set_theme`の呼び出しです — スタジオのキャンバス(あるいはMCP経由ならプロジェクト自体)が、ブロックごとに更新されます。

  4. 4

    確認してから送信する

    すべての変更は、スタジオの通常のUndo/Redoと自動保存を経由します。AIがブロックを構築・編集したからといって、送信やフォールバックエンジン、プランの上限について何も変わりません。人がドラッグした場合と同じです。

よくある質問

これは、以前の「AIで生成」ボタンとどう違いますか?

以前のボタンは、スタジオのブロックタイプのうち16種類にしか届かず、セクションやカラムレイアウトのようなコンテナを作ることも決してできない、1回の構造化出力の呼び出しを行っていました。そのモードには、入れ子構造を記述する方法がなかったためです。コパイロットは代わりに、ツール呼び出しを通じてツリーを一度に1ノードずつ編集するため、チャート、イベント、レイアウトなど、レジストリが定義するすべてのブロックタイプを、遅れをとる手動管理のリストなしに自動的にカバーします。

すでに構築したメールを誤って壊してしまうことはありますか?

コパイロットのすべての変更は、手動編集と同じUndo/Redoスタックを経由するため、Ctrl/Cmd+Zはドラッグ&ドロップのミスの場合とまったく同じように元に戻せます。また、実際の価格・日付・URLを勝手に作り出すことは決してなく、配信停止フッターやソーシャルリンクにも触れません — それらは自動のままです。

スタジオのチャットではできないことで、MCPサーバーを通じてできることは何ですか?

どちらの場合もツールセットは同一です — プロジェクトの一覧、作成、読み取り、編集です。違いはリクエストがどこから来るかです: スタジオ内のパネルは開いたブラウザタブが必要で、現在のキャンバスセッションに変更を適用しますが、MCPサーバーはプロジェクトに直接書き込むため、ダッシュボードの外で動くエージェント(スクリプト、Claude Code、代理店自身のツール)が、ブラウザを一切介さずにメールを構築・編集できます。

同時にプロジェクトを開いている場合、MCP経由の編集は表示されますか?

はい — 外部からの編集は、他のどの保存とも同じようにプロジェクトのリビジョンを上げるため、すでに開いているスタジオのタブでの次の自動保存では、チームメイトが同時に編集した場合と同じ「他の場所で変更されました」という競合バナーが表示されます。

MCPサーバー専用の認証情報はありますか?

いいえ — 送信APIに使うのと同じAPIキー(`Authorization: Bearer`、開発者セクションで発行)で認証されるため、すでにAPIを呼び出している場合は新たに用意するものはありません。

どのプランに含まれますか?

AIコパイロットとMCPサーバーは、1つの月間ターン割り当てを共有し、Liteプラン以上で利用できます。FreeとStarterには含まれません。スタジオ内のチャットメッセージとMCPのツール呼び出しは、まったく同じ内部のループを実行するため、どちらも同じカウンターから消費します。

スタジオでこれを作ってみましょう

無料プランから始められます — すべてのインタラクティブブロックと完全なフォールバックエンジンが、どのプランにも含まれています。