MCP Catalogs
Homemcp screenshot

mcp

by vuetifyjs·96·Score 48

Vuetify MCP server provides Vuetify component documentation and API information to AI assistants via the Model Context Protocol.

developer-toolsai-llmproductivity
3
Forks
3
Open issues
this month
Last commit
2d ago
Indexed

Overview

The Vuetify MCP server bridges the gap between Vuetify's component library and AI-assisted development environments. It provides comprehensive access to Vuetify's extensive component ecosystem directly within development workflows, supporting both Vuetify 2.x and 3.x versions. The server offers both hosted and self-hosted deployment options with multiple transport protocols including HTTP and stdio.

Try asking AI

After installing, here are 3 things you can ask your AI assistant:

you:Generating Vuetify components with proper props and attributes in AI assistants
you:Creating common UI layouts following Vuetify best practices
you:Accessing Vuetify documentation, installation guides, and release notes without leaving IDEs

When to choose this

Choose this MCP server if you're working with Vuetify UI components and want AI assistance directly in your development environment.

When NOT to choose this

Not suitable if you're not using Vuetify, or if you need write access to your component library (this server is read-only).

Tools this server exposes

12 tools extracted from the README
  • get_vuetify_api_by_version

    Download and cache Vuetify API types by version.

  • get_component_api_by_version

    Get API information for a specific Vuetify component.

  • get_directive_api_by_version

    Get API information for a specific Vuetify directive.

  • get_installation_guide

    Get installation guides for Vuetify in different environments.

  • get_available_features

    Get a list of available Vuetify features.

  • get_exposed_exports

    Get a list of exports from the Vuetify npm package.

  • get_frequently_asked_questions

    Get the FAQ section from the Vuetify documentation.

  • get_release_notes_by_version

    Get release notes for specific Vuetify versions.

  • get_vuetify0_composable_list

    List all @vuetify/v0 composables organized by category.

  • get_vuetify0_component_list

    List all headless components available in @vuetify/v0.

  • get_vuetify0_composable_guide

    Get detailed documentation for specific @vuetify/v0 composables.

  • get_vuetify0_component_guide

    Get detailed documentation for specific @vuetify/v0 components.

Comparable tools

ui-library-mcpreact-component-mcpvue-docs-mcp

Installation

Quick Start

Hosted HTTP Server (Easiest)
# Claude Code
claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcp
Local Installation
# Start the Vuetify MCP server
npx -y @vuetify/mcp
Claude Desktop Configuration
{
  "mcpServers": {
    "vuetify-mcp": {
      "command": "npx",
      "args": ["-y", "@vuetify/mcp"]
    }
  }
}

Or use mcp-remote for the hosted server:

{
  "mcpServers": {
    "vuetify-mcp": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.vuetifyjs.com/mcp"]
    }
  }
}

Compare mcp with

GitHub →

Last updated · Auto-generated from public README + GitHub signals.