vuetifyjs/mcp

Сервер Model Context Protocol (MCP), предоставляющий информацию о компонентах и документацию Vuetify для любого совместимого с MCP клиентом или IDE.

Обзор

Сервер Vuetify Model Context Protocol (MCP) соединяет мощную библиотеку компонентов Vuetify и среды разработки с помощью ИИ. Такая интеграция обеспечивает бесшовный доступ к обширной экосистеме компонентов Vuetify непосредственно в вашем рабочем процессе разработки.

Этот MCP-сервер позволяет IDE и другим клиентам Model Context помогать с:

• Генерация компонентов Vuetify с соответствующими атрибутами и характеристиками
• Создание общих макетов и шаблонов пользовательского интерфейса с соблюдением лучших практик
• Предоставление полной информации о функциях и API Vuetify
• Доступ к руководствам по установке, часто задаваемым вопросам и заметкам по релизу без выхода из вашей IDE
• Работа с композитными @vuetify/v0 и безголовыми компонентами для создания индивидуальных систем проектирования

Подключив вашу среду разработки к серверу Vuetify MCP, вы получаете поддержку на базе искусственного интеллекта, которая понимает структуру компонентов Vuetify, стилистические правила и детали реализации.

Быстрый старт

Хостируемый HTTP-сервер (самый простой)

Два URL. Используйте /mcp, если вы не подписаны на Vuetify One.

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.

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