v0.directory
Back to MCPs

v0 MCP Server

by Vercel

The official v0 MCP server allows you to integrate v0's AI-powered code generation directly into your IDE. Create and manage chats, access code generation capabilities, and leverage v0's design expertise from Cursor, Claude Desktop, or VS Code.

Official Documentation

How to Use v0 MCP in Your IDE

Overview

The v0 MCP server enables your IDE's AI assistant to create and manage v0 chats, access v0's code generation capabilities, and integrate v0 workflows into your development process.

Supported IDEs

  • Cursor - AI-powered code editor
  • Claude Desktop - Anthropic's Claude desktop application
  • VS Code (with MCP extensions)
  • Any MCP-compatible IDE

Prerequisites

  1. Get your API key from your v0 account settings
  2. Set your API key as an environment variable:
    export V0_API_KEY=your_api_key_here

IDE Configuration

Add the following configuration to your IDE's MCP settings file:

Cursor: ~/.cursor/mcp.json

Claude Desktop: ~/.config/claude-desktop/config.json

VS Code: Add via MCP extension settings

mcp.json
{
  "mcpServers": {
    "v0": {
      "command": "npx",
      "args": [
        "mcp-remote",
        "https://mcp.v0.dev",
        "--header",
        "Authorization: Bearer ${V0_API_KEY}"
      ]
    }
  }
}

Usage Examples

  • Create chats:"Create a v0 chat for building a React dashboard component"
  • Find chats:"Find my v0 chats related to React components"
  • Send messages:"Send a message to chat asking to add dark mode support"