mcp

概述

Vuetify MCP 服务器连接 Vuetify 组件库与 AI 辅助开发环境，在开发工作流中直接访问 Vuetify 广泛的组件生态系统，同时支持 Vuetify 2.x 和 3.x 版本。服务器提供托管和自托管部署选项，支持 HTTP 和 stdio 等多种传输协议。

试试问 AI

装完之后，这里有 3 个你可以让 AI 做的事：

• get_vuetify_api_by_version

  Download and cache Vuetify API types by version.

  试试:Get the latest Vuetify API试试:Get Vuetify 3.0 API documentation
• get_component_api_by_version

  Get API information for a specific Vuetify component.

  试试:Show me the API for VBtn component试试:What properties are available for VDataTable?
• get_directive_api_by_version

  Get API information for a specific Vuetify directive.

  试试:What does the v-ripple directive do?试试:Show me the API for v-scroll
• get_installation_guide

  Get installation guides for Vuetify in different environments.

  试试:How to install Vuetify with Vite?试试:Nuxt Vuetify installation guide
• get_available_features

  Get a list of available Vuetify features.

  试试:What components are available in Vuetify?试试:List all Vuetify directives
• get_exposed_exports

  Get a list of exports from the Vuetify npm package.

  试试:What can I import from @vuetify/core?试试:List all exports from Vuetify
• get_frequently_asked_questions

  Get the FAQ section from the Vuetify documentation.

  试试:Common issues with Vuetify试试:Vuetify FAQs
• get_release_notes_by_version

  Get release notes for specific Vuetify versions.

  试试:What changed in Vuetify 3.4?试试:Show release notes for Vuetify 3.3
• get_vuetify0_composable_list

  List all @vuetify/v0 composables organized by category.

  试试:List all form composables in vuetify0试试:Show me all data composables
• get_vuetify0_component_list

  List all headless components available in @vuetify/v0.

  试试:What headless components are available in vuetify0?试试:Show me all form components in vuetify0
• get_vuetify0_composable_guide

  Get detailed documentation for specific @vuetify/v0 composables.

  试试:Documentation for useTable composable试试:How does useForm work in vuetify0?
• get_vuetify0_component_guide

  Get detailed documentation for specific @vuetify/v0 components.

  试试:How to use the VBtn component in vuetify0?试试:Documentation for VDataTable in vuetify0

可对比工具

安装

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

# 启动 Vuetify MCP 服务器
npx -y @vuetify/mcp

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

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

mcp 对比