
mcp
by vuetifyjs·★ 96·Score 48
Vuetify MCP server provides Vuetify component documentation and API information to AI assistants via the Model Context Protocol.
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:
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 READMEget_vuetify_api_by_versionDownload and cache Vuetify API types by version.
get_component_api_by_versionGet API information for a specific Vuetify component.
get_directive_api_by_versionGet API information for a specific Vuetify directive.
get_installation_guideGet installation guides for Vuetify in different environments.
get_available_featuresGet a list of available Vuetify features.
get_exposed_exportsGet a list of exports from the Vuetify npm package.
get_frequently_asked_questionsGet the FAQ section from the Vuetify documentation.
get_release_notes_by_versionGet release notes for specific Vuetify versions.
get_vuetify0_composable_listList all @vuetify/v0 composables organized by category.
get_vuetify0_component_listList all headless components available in @vuetify/v0.
get_vuetify0_composable_guideGet detailed documentation for specific @vuetify/v0 composables.
get_vuetify0_component_guideGet detailed documentation for specific @vuetify/v0 components.
Comparable tools
Installation
Quick Start
Hosted HTTP Server (Easiest)
# Claude Code
claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcpLocal Installation
# Start the Vuetify MCP server
npx -y @vuetify/mcpClaude 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
Last updated · Auto-generated from public README + GitHub signals.