MCP ExplorerExplorer

V0 Mcp

@m2radson 9 months ago
19 MIT
FreeCommunity
AI Systems
MCP Server to connect your MCP host to V0.dev directly

Overview

What is V0 Mcp

v0-mcp is an MCP Server designed to connect your MCP host directly to V0.dev, facilitating the capture of network responses from the V0.dev platform.

Use cases

Use cases for v0-mcp include building applications that require AI responses, conducting research on AI behavior, and saving AI-generated content for documentation or further processing.

How to use

To use v0-mcp, clone the repository, install the required dependencies, and run the provided scripts to capture responses from V0.dev by submitting prompts through your Chrome browser.

Key features

Key features include the ability to connect to an existing Chrome browser, capture all network activity including streamed AI responses, decode Vercel AI SDK streaming format, save responses for later analysis, and extract/view responses from saved files.

Where to use

v0-mcp can be used in fields such as software development, AI research, and data analysis, where capturing and analyzing AI-generated responses is essential.

Content

V0.dev Response Capture Tool

A tool that connects to your browser, navigates to v0.dev, submits prompts, and captures all network responses - including the streamed AI responses. This allows you to save the complete output from v0.dev for further analysis or use.

Features

  • Connects to your existing Chrome browser with all your accounts/cookies
  • Navigates to v0.dev and submits your prompt
  • Captures all network activity, focusing on streamed AI responses
  • Decodes the Vercel AI SDK streaming format to extract complete responses
  • Saves responses to files for later reference
  • Provides tools to extract and view responses from saved files

Prerequisites

  • Python 3.8+
  • Google Chrome browser

Installation

  1. Clone this repository
  2. Install dependencies:
# Using pip
pip install -r requirements.txt

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

# Install Playwright browsers
python -m playwright install chromium

Usage

Capturing a v0.dev response

Run the script with a prompt to capture the response:

# 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"

The script will:

  1. Connect to your Chrome browser (or launch a new instance)
  2. Navigate to v0.dev
  3. Submit your prompt
  4. Capture all network activity, including the streaming responses
  5. Save the responses to the captures directory

Listing captured files

List all the files in your captures directory:

python main.py list

Extracting responses from captured files

Extract and display the complete response from a captured file:

python main.py extract captures/full_response_1234567890.txt

This will:

  1. Parse and decode the captured file
  2. Extract the complete text response
  3. Display it in the terminal
  4. Save a clean version to a new file

How It Works

Vercel AI SDK Streaming Format

v0.dev uses the Vercel AI SDK to stream responses in a Server-Sent Events (SSE) format:

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"}]}

Our tool:

  1. Captures these streamed responses
  2. Decodes the format to extract the text content
  3. Assembles the complete response
  4. Saves both raw and processed data

File Types

The tool saves several types of files:

  • sse_stream_*.jsonl: Raw SSE stream data
  • sse_decoded_*.jsonl: Decoded JSON events from the stream
  • assembled_content_*.txt: Assembled text content from the stream
  • full_response_*.txt: Complete, cleaned response text

Troubleshooting

If you have issues:

  1. Try closing all Chrome instances and run the script - it will launch Chrome with your profile
  2. For browser installation issues:
    python -m playwright install chromium
    
  3. If responses aren’t being captured properly, increase the monitoring time in tools.py

Advanced Usage

Directly using the extraction tool

You can also use the extraction function directly from the tools.py file:

python tools.py extract captures/your_captured_file.jsonl

Custom monitoring duration

By default, the script monitors for 60 seconds. For complex prompts that take longer, you can modify the monitor_v0_interactions function in tools.py to increase the monitoring time.

Tools

No tools

Comments

Recommend MCP Servers

View All MCP Servers