Vuetify MCP

Vuetify MCP is a Model Context Protocol↗ server that gives AI assistants structured access to Vuetify and v0 APIs. Unlike llms.txt→, MCP provides real-time, queryable documentation.

Copy Page as Markdown

Quick Start

Hosted Server (Recommended)

The fastest way to get started. No installation required:

bash

claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcp

Local Installation

Run the server locally for offline access:

bash

npx -y @vuetify/mcp

Interactive Setup

Auto-detects your IDE and configures MCP:

bash

# For hosted server
npx -y @vuetify/mcp config --remote

# For local server
npx -y @vuetify/mcp config

IDE Configuration

Manual configuration for each IDE:

IDE	Config File
Claude Desktop	`~/Library/Application Support/Claude/claude_desktop_config.json` (macOS)
VS Code	`~/.config/Code/User/settings.json`
Cursor	`~/.config/Cursor/User/mcp.json`
Windsurf	`~/.config/Windsurf/User/mcp.json`
Trae	`~/.config/Trae/User/mcp.json`

Hosted Configuration

json

{
  "mcpServers": {
    "vuetify-mcp": {
      "url": "https://mcp.vuetifyjs.com/mcp"
    }
  }
}

Local Configuration

json

{
  "mcpServers": {
    "vuetify-mcp": {
      "command": "npx",
      "args": ["-y", "@vuetify/mcp"]
    }
  }
}

Available Tools

Vuetify 3 API

Tool	Purpose
`get_component_api_by_version`	Props, events, slots for any component
`get_directive_api_by_version`	Directive info (v-ripple, v-scroll, etc.)
`get_vuetify_api_by_version`	Download full API types by version

Documentation

Tool	Purpose
`get_installation_guide`	Setup for Vite, Nuxt, Laravel, CDN
`get_feature_guide`	Theming, i18n, accessibility guides
`get_frequently_asked_questions`	Common questions and answers
`get_release_notes_by_version`	Changelog for any version

v0 (Headless)

Tool	Purpose
`get_vuetify0_composable_list`	List all composables by category
`get_vuetify0_composable_guide`	Detailed composable documentation
`get_vuetify0_component_list`	List all headless components
`get_vuetify0_component_guide`	Component documentation and examples

Ask AI

V2hpY2ggVnVldGlmeSBNQ1AgdG9vbHMgc2hvdWxkIEkgdXNlIGZvciBidWlsZGluZyBjb21wb25lbnRzPw==

Authentication

Some features require a Vuetify API key:

json

{
  "mcpServers": {
    "vuetify-mcp": {
      "command": "npx",
      "args": ["-y", "@vuetify/mcp"],
      "env": {
        "VUETIFY_API_KEY": "your-api-key"
      }
    }
  }
}

Self-Hosting

Run an HTTP server for team access:

bash

npx -y @vuetify/mcp --transport=http --port=3000 --host=0.0.0.0 --stateless

Then configure clients to use your server URL instead of mcp.vuetifyjs.com.