Presentation Buddy - AI搭載のストリーミング制作アシスタント

プロジェクトリンク:

Presentation Buddy は、Claude AI を使用してストリーミング制作を自動化する OBS 制御システムであり、個人クリエイターが技術管理ではなくコンテンツ配信に集中できるようにします。

技術概要

この実装では以下を使用します。

OBS Studio : 業界標準のストリーミングソフトウェア
TypeScriptベースのMCPサーバー：Claude AIとOBSを接続する軽量リレーサービス
Claude AI ：自然言語理解と生産意思決定
OBS WebSocket API : シーン切り替え、オーバーレイ、メディア要素を直接制御します
ローカル処理: すべての機能はプレゼンターのマシン上で実行されるため、遅延は最小限に抑えられます。

主要コンポーネント

MCP サーバー: クロードの決定を OBS WebSocket コマンドに変換するミドルウェア
シーン管理：コンテンツと言葉による合図に基づいて自動的に切り替える
メディアコントロール: オーバーレイ、キャプション、ピクチャーインピクチャー要素のインテリジェントな処理
音声応答: プレゼンテーション中に AI が応答するためのテキスト読み上げ機能

実装

サーバーはOBSとのWebSocket接続を確立し、クロードがアクセスできるAPIを公開します。クロードがプレゼンターの発言や画面上のコンテンツから制作ニーズを認識すると、MCPサーバーを介してコマンドを送信し、OBSをリアルタイムで制御します。

Related MCP server: MCP Unified Server

インスピレーション

一人でライブに行くのは大変です。
話している間、カメラアングルを変えたり、スライドを見せたり、キャプションを追加したり、視聴者の関心を維持したり、これらすべてを同時にこなすことが求められます。私たちは、制作ブースを担当してくれる仲間を探していました。そうすれば、ソロクリエイター全員がボタン操作ではなくストーリーに集中できるからです。

何をするのか

Presentation Buddy は、ストリーマーやプレゼンターのための AI 搭載の相棒です。
画面上とマイクの後ろで何が起こっているかを聞いて、次の操作を行います。

完璧なタイミングでシーンを切り替える
キャプション、グラフィック、またはピクチャーインピクチャーウィンドウを自動的にポップアップ表示します
休憩が必要なときには短いナレーションも流します

決して疲れることのない小さなプロデューサーだと考えてください。

どのように構築したか

クロード AI は合図を聞きます。
軽量リレーがこれらのキューを最も人気のあるライブストリームツールである OBS Studio に送信します。
OBS は、「カメラを変更する」、「キャプションを表示する」、「リプレイを開始する」などのコマンドを受け取り、魔法のようなことを実現します。
テキスト読み上げ機能を少し加えるだけで、AI に独自の音声が与えられます。

これらはすべてローカルで実行されるため、クラウドの遅延や高価なハードウェアは必要ありません。

直面した課題

ネイティブ OBS API をラップする MCP サーバーを構築する
リアルタイム音声応答時間
クロードがうまく追う良いプロット
MCP経由でクロードにスクリーンショットを提供することはできませんでした

私たちが誇りに思う成果

タイトルスライドから動的コンテンツまで、人間のクリックなしで実行できるライブデモです。
1人セットアップをストレスフリーな放送に変えました。

学んだこと

Claude と Cursor で MCP を構築および構成する方法

プレゼンテーションバディの今後

視聴者のインタラクティブ性– チャット投票によってオーバーレイやアンケートをトリガーします。
ワンクリックインストーラー– どのストリーマーも数分で新しいバディに出会えます。

ソロストリーマーからスタジオプロまで、瞬時に。

インストールとセットアップ

このリポジトリをクローンする
npm installで依存関係をインストールする
OBS WebSocket接続設定を構成する
npm startでMCPサーバーを起動します。
Claude AIインスタンスをMCPサーバーに接続します
OBSセッションを開始し、Presentation Buddyに制御を任せましょう

クロードMCP構成

Claude を Presentation Buddy でセットアップするには、Cursor または他の Claude インターフェースで MCP（マシン制御プロトコル）設定を行う必要があります。これにより、Claude はサーバー経由で OBS を制御できるようになります。

クロード MCP Config

Claude 設定に次の構成を追加します。

{ "mcpServers": { "obs-mcp-ts": { "type": "stdio", "command": "/path/to/your/node", "args": [ "/path/to/obs-mcp-server-ts/build/index.js" ], "toolNamespaces": ["obs-mcp-ts"] }, "tts-mcp": { "command": "npx", "args": [ "-p", "tts-mcp", "tts-mcp-server", "--voice", "nova", "--model", "gpt-4o-mini-tts" ], "env": { "OPENAI_API_KEY": "Your-API-Key" } } }, "toolPermissions": { "obs-mcp-ts": true, "tts-mcp": true } }

パスを実際の Node.js およびサーバーパスに置き換えます。

/path/to/your/node - Node.js 実行ファイルへのパス (例: /Users/username/.nvm/versions/node/v20.17.0/bin/node )
/path/to/obs-mcp-server-ts/build/index.js - ビルドされたサーバーのJavaScriptファイルへのパス

TTS-MCP 構成の場合は、次の点に注意してください。

実際のOpenAI APIキーを入力してください
好みの音声を選択してください（デフォルト：nova）
適切なテキスト読み上げモデルを選択します（デフォルト：gpt-4o-mini-tts）

OBSのセットアップ

OBS Studio をインストールする (バージョン 28 以上を推奨)
OBS で WebSocket サーバーを有効にします。
- ツール→WebSocketサーバー設定に移動します
- WebSocketサーバーを有効にする
- ポートを設定する（デフォルト：4455）
- 必要に応じて認証を構成する
OBS でシーンを作成します。
- メインカメラ
- プレゼンテーション/スライド
- ピクチャーインピクチャー
- クロードにコントロールしてもらいたい追加シーン