项目简介
本项目实现了一个 MCP 服务器,该服务器提供一个工具,用于监控和捕获来自 v0.dev 的 AI 响应。它使用浏览器自动化与 v0.dev 网站互动,并提取生成的代码内容,以便在 LLM 应用中作为上下文信息或工具使用。
主要功能点
- AI 响应捕获: 自动访问 v0.dev 网站并提交用户 prompt,实时捕获和解析 AI 生成的流式响应数据。
- 代码内容提取: 从捕获的响应中智能提取、清理和格式化代码片段,方便用户获取结构化的代码输出。
- MCP 工具集成: 将 v0.dev 响应监控和代码提取功能封装为 MCP 工具 'monitor_v0_interactions',可通过标准的 MCP 协议被 LLM 客户端调用。
- 灵活的配置: 支持通过简单的 JSON 配置即可在 MCP 客户端中集成和使用该服务器提供的工具。
安装步骤
- 克隆仓库:在本地克隆 GitHub 仓库 'v0-mcp':
git clone https://github.com/m2rads/v0-mcp.git - 进入仓库目录:
cd v0-mcp - 安装依赖:使用 pip 或 uv 安装项目依赖:
# 使用 pip pip install -r requirements.txt # 或使用 uv (更快的 pip 替代品,如果已安装) uv pip install -r requirements.txt - 安装 Playwright 浏览器驱动:
python -m playwright install chromium
服务器配置
MCP 客户端需要配置 MCP 服务器的启动命令 (command) 及其参数 (args) 才能与 v0-mcp 服务器建立连接。以下为 v0-mcp 服务器的配置信息,请复制到 MCP 客户端的服务器配置中。
{ "serverName": "v0-mcp", "command": "python", "args": ["main.py"] }
配置参数说明:
- 'serverName': 服务器名称,可以自定义,例如 "v0-mcp"。
- 'command': 启动服务器的命令,这里使用 'python'。
- 'args': 启动命令的参数,指定执行 'main.py' 文件。
基本使用方法
-
启动 MCP 服务器:打开终端,进入 'v0-mcp' 仓库目录,执行以下命令启动 MCP 服务器:
python main.py服务器成功启动后,将监听来自 MCP 客户端的请求。
-
配置 MCP 客户端:在您的 MCP 客户端应用中,添加一个新的服务器配置,并将上面提供的 JSON 配置信息填入。确保客户端能够通过 'command' 和 'args' 正确启动 'v0-mcp' 服务器。
-
调用 MCP 工具:在 MCP 客户端中,您可以使用 'monitor_v0_interactions' 工具。该工具接受一个 'prompt' 参数,即您想要在 v0.dev 上执行的 prompt。客户端发送工具调用请求后,'v0-mcp' 服务器会自动访问 v0.dev,提交 prompt,捕获 AI 响应,并提取和清理代码内容。
-
获取结果:工具执行完成后,MCP 客户端将收到服务器返回的清理后的代码内容,您可以将这些内容用于后续的 LLM 应用,例如作为上下文信息或直接展示给用户。
注意:
- 运行 'v0-mcp' 服务器前,请确保已安装 Python 3.8+ 和 Chrome 浏览器。
- 首次运行可能需要一些时间下载 Playwright 浏览器驱动。
- 服务器运行时,会自动打开 Chrome 浏览器并访问 v0.dev 网站进行操作。
信息
分类
网页与API