V0.dev 响应捕获工具

一个连接到浏览器、导航至 v0.dev、提交提示并捕获所有网络响应（包括流式传输的AI响应）的工具。这允许您保存来自 v0.dev 的完整输出以供进一步分析或使用。

功能

• 连接到您的现有Chrome浏览器，包括所有账户/cookie
• 导航至 v0.dev 并提交您的提示
• 捕获所有网络活动，重点关注流式传输的AI响应
• 解码 Vercel AI SDK 流式传输格式以提取完整响应
• 将响应保存到文件以便日后参考
• 提供从已保存文件中提取和查看响应的工具

预备条件

• Python 3.8+
• Google Chrome 浏览器

安装

1. 克隆此仓库
2. 安装依赖项：

# 使用 pip
pip install -r requirements.txt

# 或者使用 uv
uv pip install -r requirements.txt

# 安装 Playwright 浏览器
python -m playwright install chromium

使用方法

捕获 v0.dev 响应

运行脚本并提供提示以捕获响应：

# 使用默认提示（日历应用）
python main.py

# 指定自定义提示
python main.py monitor --prompt "构建一个咖啡店的着陆页，包含菜单部分和联系表单"

脚本将执行以下操作：

1. 连接到您的 Chrome 浏览器（或启动一个新的实例）
2. 导航至 v0.dev
3. 提交您的提示
4. 捕获所有网络活动，包括流式传输的响应
5. 将响应保存到 captures 目录

列出捕获的文件

列出捕获目录中的所有文件：

python main.py list

从捕获文件中提取响应

从捕获文件中提取并显示完整的响应：

python main.py extract captures/full_response_1122334455.txt

这将执行以下操作：

1. 解析并解码捕获文件
2. 提取完整的文本响应
3. 在终端中显示它
4. 将干净版本保存到新文件

工作原理

Vercel AI SDK 流式传输格式

v0.dev 使用 Vercel AI SDK 以服务发送事件（SSE）格式流式传输响应：

data: {"type":"data","value":[{"text":"正在构建"}]}
data: {"type":"data","value":[{"text":"一个"}]}
data: {"type":"data","value":[{"text":"日历"}]}
data: {"type":"message_annotations","value":[{"type":"finish_reason","message":"停止"}]}

我们的工具：

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 函数来增加监控时间。 </中文翻译>