项目简介

本项目实现了一个 MCP 服务器,该服务器提供一个工具,用于监控和捕获来自 v0.dev 的 AI 响应。它使用浏览器自动化与 v0.dev 网站互动,并提取生成的代码内容,以便在 LLM 应用中作为上下文信息或工具使用。

主要功能点

  • AI 响应捕获: 自动访问 v0.dev 网站并提交用户 prompt,实时捕获和解析 AI 生成的流式响应数据。
  • 代码内容提取: 从捕获的响应中智能提取、清理和格式化代码片段,方便用户获取结构化的代码输出。
  • MCP 工具集成: 将 v0.dev 响应监控和代码提取功能封装为 MCP 工具 'monitor_v0_interactions',可通过标准的 MCP 协议被 LLM 客户端调用。
  • 灵活的配置: 支持通过简单的 JSON 配置即可在 MCP 客户端中集成和使用该服务器提供的工具。

安装步骤

  1. 克隆仓库:在本地克隆 GitHub 仓库 'v0-mcp':
    git clone https://github.com/m2rads/v0-mcp.git
  2. 进入仓库目录
    cd v0-mcp
  3. 安装依赖:使用 pip 或 uv 安装项目依赖:
    # 使用 pip
    pip install -r requirements.txt
    
    # 或使用 uv (更快的 pip 替代品,如果已安装)
    uv pip install -r requirements.txt
  4. 安装 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' 文件。

基本使用方法

  1. 启动 MCP 服务器:打开终端,进入 'v0-mcp' 仓库目录,执行以下命令启动 MCP 服务器:

    python main.py

    服务器成功启动后,将监听来自 MCP 客户端的请求。

  2. 配置 MCP 客户端:在您的 MCP 客户端应用中,添加一个新的服务器配置,并将上面提供的 JSON 配置信息填入。确保客户端能够通过 'command' 和 'args' 正确启动 'v0-mcp' 服务器。

  3. 调用 MCP 工具:在 MCP 客户端中,您可以使用 'monitor_v0_interactions' 工具。该工具接受一个 'prompt' 参数,即您想要在 v0.dev 上执行的 prompt。客户端发送工具调用请求后,'v0-mcp' 服务器会自动访问 v0.dev,提交 prompt,捕获 AI 响应,并提取和清理代码内容。

  4. 获取结果:工具执行完成后,MCP 客户端将收到服务器返回的清理后的代码内容,您可以将这些内容用于后续的 LLM 应用,例如作为上下文信息或直接展示给用户。

注意

  • 运行 'v0-mcp' 服务器前,请确保已安装 Python 3.8+ 和 Chrome 浏览器。
  • 首次运行可能需要一些时间下载 Playwright 浏览器驱动。
  • 服务器运行时,会自动打开 Chrome 浏览器并访问 v0.dev 网站进行操作。

信息

分类

网页与API