Vuetify MCP

Name: Vuetify MCP
Availability: InStock
Author: vuetifyjs

Supports UI

by vuetifyjs

Official MCP server for Vuetify, providing component APIs, installation guides, and documentation for AI-assisted UI development.

0 stars

3 views

Works in:VS Code CopilotCursorWindsurf

Exposes:ToolsResources

View on GitHub Docs

What it does

Bridges the gap between Vuetify's component library and AI IDEs, allowing assistants to generate accurate Vuetify components with correct props and attributes.

Tools

get_component_api_by_version: Retrieves API lists for specific Vuetify components.
get_installation_guide: Provides environment-specific setup guides for Vite, Nuxt, and others.
get_vuetify0_composable_list: Lists headless components and composables from the @vuetify/v0 framework.
get_release_notes_by_version: Fetches version-specific changes and updates.
get_frequently_asked_questions: Provides direct answers to common Vuetify implementation questions.

Installation

Add this to your claude_desktop_config.json:

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

Supported hosts

Confirmed for Claude Desktop, VS Code, Cursor, Trae, and Windsurf.

Quick install

npx -y @vuetify/mcp

Information

Pricing: free
Published: 4/13/2026
stars

Related Apps

Choose your AI client and follow the steps below.

Claude Desktop

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

VS Code Copilot

Add to mcp.servers.vuetify-mcp in settings.json