🤖 用于代理聊天机器人的模型上下文协议（MCP）库
概览
模型上下文协议（MCP）服务器，为任何兼容MCP的客户端或集成开发环境提供Vuetify组件信息和文档。 Vuetify 模型上下文协议（MCP）服务器弥合了 Vuetify 强大组件库与 AI 辅助开发环境之间的桥梁。这种集成使得你能够直接在开发工作流程中无缝访问 Vuetify 庞大的组件生态系统。 该MCP服务器使IDE和其他模型上下文客户端能够协助： - 生成带有适当道具和属性的Vuetify组件 - 按照最佳实践创建通用的UI布局和图案 - 提供关于Vuetify功能和API的全面信息 - 无需离开IDE即可访问安装指南、常见问题解答和发布说明 - 使用@vuetify/v0组合文件和无头组件构建自定义设计系统 通过将你的开发环境连接到Vuetify MCP服务器，你将获得理解Vuetify......
概述（AI 翻译）
模型上下文协议（MCP）服务器，为任何兼容MCP的客户端或集成开发环境提供Vuetify组件信息和文档。
概述
Vuetify 模型上下文协议（MCP）服务器弥合了 Vuetify 强大组件库与 AI 辅助开发环境之间的桥梁。这种集成使得你能够直接在开发工作流程中无缝访问 Vuetify 庞大的组件生态系统。
该MCP服务器使IDE和其他模型上下文客户端能够协助：
- 生成具有适当道具和属性的Vuetify组件
- 按照最佳实践创建通用的用户界面布局和模式
- 提供关于Vuetify功能和API的全面信息
- 无需离开IDE即可访问安装指南、常见问题解答和发布说明
- 使用@vuetify/v0组合和无头组件构建定制设计系统
通过将开发环境连接到 Vuetify MCP 服务器，您将获得理解 Vuetify 组件结构、样式惯例和实现细节的 AI 辅助。
快速启动
托管 HTTP 服务器（最简单）
两个网址。除非你订阅了Vuetify One，否则请使用/mcp。
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
Model Context Protocol (MCP) server providing Vuetify component information and documentation to any MCP-compatible client or IDE.
Overview
The Vuetify Model Context Protocol (MCP) server bridges the gap between Vuetify’s powerful component library and AI-assisted development environments. This integration enables seamless access to Vuetify’s extensive component ecosystem directly within your development workflow.
This MCP server enables IDEs and other Model Context clients to assist with:
- Generating Vuetify components with proper props and attributes
- Creating common UI layouts and patterns following best practices
- Providing comprehensive information about Vuetify features and APIs
- Accessing installation guides, FAQs, and release notes without leaving your IDE
- Working with @vuetify/v0 composables and headless components for building custom design systems
By connecting your development environment to the Vuetify MCP server, you gain AI-powered assistance that understands Vuetify’s component structure, styling conventions, and implementation details.
Quick Start
Hosted HTTP Server (Easiest)
Two URLs. Use /mcp unless you subscribe to Vuetify One.
| URL | Auth | Tools |
|---|---|---|
https://mcp.vuetifyjs.com/mcp |
none | docs, APIs, install/upgrade guides |
https://mcp.vuetifyjs.com/one |
Vuetify One OAuth | docs plus ecosystem sites (Bin, Play, Link, and the rest of One) |
The claude CLI below is Claude Code, not Claude Desktop — see Claude Desktop for that GUI client.
# Claude Code — public docs
claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcp
# Optional — authenticate with Vuetify One
claude mcp add --transport http vuetify-one https://mcp.vuetifyjs.com/one
Grok Bot / Cursor Agents: add /mcp for docs (no Authorize card). Add /one to authenticate with Vuetify One; subscribers can then use ecosystem sites from that connector. Do not paste an API key.
Local Installation
Run Vuetify MCP locally:
# Start the Vuetify MCP server
npx -y @vuetify/mcp
安装
npx -y @vuetify/mcp配置
{
"mcpServers": {
"vuetify-mcp": {
"command": "npx",
"args": ["-y", "@vuetify/mcp"]
}
}
}