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 目录

列出已捕获的文件

列出 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，以服务器发送事件（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 函数，以延长监控时间。