V0.dev Response Capture Tool

V0.dev 応答キャプチャツール

ブラウザーに接続して v0.dev に移動し、プロンプトを送信して、ストリーミングされる AI 応答を含むすべてのネットワーク応答をキャプチャするツールです。v0.dev からの出力全体を保存して、後で分析したり利用したりできます。

特長

• 既存の Chrome ブラウザーに接続します。すべてのアカウントと Cookie をそのまま利用できます
• v0.dev に移動して、プロンプトを送信します
• ストリーミングされる AI 応答を中心に、すべてのネットワークアクティビティをキャプチャします
• Vercel AI SDK のストリーミング形式をデコードして、完全な応答を抽出します
• 後で参照できるように、応答をファイルに保存します
• 保存したファイルから応答を抽出して表示するツールを提供します

前提条件

• Python 3.8+
• Google Chrome ブラウザー

インストール

1. このリポジトリをクローンします
2. 依存関係をインストールします：

# Using pip
pip install -r requirements.txt

# OR using uv
uv pip install -r requirements.txt

# Install Playwright browsers
python -m playwright install chromium

使い方

v0.dev の応答をキャプチャする

プロンプトを指定してスクリプトを実行し、応答をキャプチャします：

# Use the default prompt (calendar app)
python main.py

# Specify a custom prompt
python main.py monitor --prompt "Build a landing page for a coffee shop with a menu section and contact form"

スクリプトは次の処理を行います：

1. Chrome ブラウザーに接続します（または新しいインスタンスを起動します）
2. v0.dev に移動します
3. プロンプトを送信します
4. ストリーミング応答を含む、すべてのネットワークアクティビティをキャプチャします
5. 応答を captures ディレクトリに保存します

キャプチャしたファイルを一覧表示する

キャプチャディレクトリ内のすべてのファイルを一覧表示します：

python main.py list

キャプチャしたファイルから応答を抽出する

キャプチャしたファイルから完全な応答を抽出して表示します：

python main.py extract captures/full_response_1234567890.txt

次の処理が行われます：

1. キャプチャしたファイルを解析してデコードします
2. 完全なテキスト応答を抽出します
3. ターミナルに表示します
4. 整形したバージョンを新しいファイルに保存します

動作の仕組み

Vercel AI SDK のストリーミング形式

v0.dev は Vercel AI SDK を使用して、Server-Sent Events（SSE）形式で応答をストリーミングします：

data: {"type":"data","value":[{"text":"Building"}]}
data: {"type":"data","value":[{"text":" a"}]}
data: {"type":"data","value":[{"text":" calendar"}]}
data: {"type":"message_annotations","value":[{"type":"finish_reason","message":"stop"}]}

このツールは次の処理を行います：

1. これらのストリーミング応答をキャプチャします
2. 形式をデコードしてテキストコンテンツを抽出します
3. 完全な応答を組み立てます
4. 未加工データと処理済みデータの両方を保存します

ファイルの種類

このツールは、次の種類のファイルを保存します：

• sse_stream_*.jsonl：未加工の SSE ストリームデータ
• sse_decoded_*.jsonl：ストリームからデコードした JSON イベント
• assembled_content_*.txt：ストリームから組み立てたテキストコンテンツ
• full_response_*.txt：整形済みの完全な応答テキスト

トラブルシューティング

問題が発生した場合：

1. Chrome のすべてのインスタンスを閉じてからスクリプトを実行してください。スクリプトがプロファイルを使用して Chrome を起動します
2. ブラウザーのインストールで問題が発生した場合：

   python -m playwright install chromium
   

3. 応答が正しくキャプチャされない場合は、tools.py の監視時間を延ばしてください

高度な使い方

抽出ツールを直接使う

tools.py ファイルから抽出関数を直接使うこともできます：

python tools.py extract captures/your_captured_file.jsonl

監視時間をカスタマイズする

デフォルトでは、スクリプトは 60 秒間監視します。時間のかかる複雑なプロンプトの場合は、tools.py の monitor_v0_interactions 関数を変更して監視時間を延ばせます。