Vuetify MCP
MCP-сервер Vuetify: агент берет из него API компонентов, гайды, заметки к релизам и план перехода с версии 2 на 3
- 115 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Агент ходит на удаленный сервер Vuetify и скачивает данные API и документацию
- Адрес /one работает через OAuth подписчика Vuetify One и открывает дополнительные сайты экосистемы
Установка
- Работает в
Ручная установка
claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcpПубличный адрес из README, ключ не нужен.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент ходит на удаленный сервер Vuetify и скачивает данные API и документацию
- Адрес /one работает через OAuth подписчика Vuetify One и открывает дополнительные сайты экосистемы
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Сервер отдает агенту документацию и справочник API Vuetify, чтобы компоненты генерировались с настоящими свойствами, событиями и слотами. Инструменты разбиты на группы: API компонентов и директив по версии (включая 2.x и 3.x), руководства по установке для Vue CLI, Nuxt и Vite, список возможностей с подробными гайдами, FAQ, экспортируемые сущности пакета и заметки к релизам. Отдельный блок посвящен переходу. Для обновления с версии 2 на 3 сервер выдает пошаговый план, рецепт базовых тестов на Playwright, карту компонентов старой версии, каталог ломающих изменений и полное руководство. Целью названа Vuetify 3.13 LTS, сразу на четвертую версию сервер переходить не советует. Для перехода с 3 на 4 есть свой список ломающих изменений. Еще один набор инструментов относится к @vuetify/v0, безголовому набору компонентов и композаблов для собственных дизайн-систем: сервер перечисляет 71 композабл и 40 компонентов и отдает руководства с исходным кодом. Работает двумя путями. Публичный адрес https://mcp.vuetifyjs.com/mcp принимает подключение без входа. Адрес /one требует OAuth подписчика Vuetify One и добавляет сайты экосистемы. Локально сервер запускается командой npx -y @vuetify/mcp, по желанию с HTTP-транспортом.
Для кого. Разработчики на Vue и Nuxt, которые собирают интерфейс на Vuetify вместе с агентом и переводят проекты со второй версии на третью.
Подходит, если
- Агент должен создать компонент Vuetify и сверить свойства, события и слоты с версией из проекта
- Проект на Vuetify 2 переезжает на 3.13 LTS, нужен порядок шагов и список ломающих изменений
- Нужны инструкции по установке Vuetify в Nuxt, Vite или Vue CLI без поиска по сайту
- Вы строите дизайн-систему на @vuetify/v0 и хотите, чтобы агент знал список его композаблов и компонентов
Не подходит, если
- Проект не использует Vuetify: сервер отвечает только про эту библиотеку
- Нужны сайты экосистемы Vuetify One без подписки: их отдает только адрес /one после OAuth
- Агент работает без сети, а публичный сервер не развернут у вас: документацию он берет онлайн
Пример запроса к агенту
Обнови компонент таблицы на Vuetify 3.13: сверь свойства v-data-table с API и покажи, что изменилось по сравнению с версией 2.MCP
- Транспорт
- stdio, http
- Авторизация
- не нужна
Переменные окружения
VUETIFY_API_KEYсекрет- Ключ для авторизованных вызовов, нужен только при работе с подпиской Vuetify One.
GITHUB_TOKENсекрет- Токен GitHub для инструментов, которые читают задачи и данные репозиториев.
Ограничения
Публичный /mcp работает без ключей, адрес /one открывается подписчикам Vuetify One. Для локальной работы с задачами GitHub в конфиге указана переменная GITHUB_TOKEN, ключ VUETIFY_API_KEY нужен для авторизованных вызовов. Claude Desktop не поддерживает прямой HTTP-транспорт в claude_desktop_config.json, поэтому для удаленного сервера нужен мост mcp-remote или локальный запуск. Данные API по версиям сервер скачивает и кэширует.
Как отключить. Удалите блок vuetify-mcp из настроек MCP в вашем клиенте. В Claude Code это команда claude mcp remove vuetify-mcp. Локальный кэш данных лежит на вашей машине, ключей публичный сервер не выдает.
Частые вопросы
Как подключить Vuetify MCP к Claude Code?
Выполните claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcp. Публичный адрес работает без ключа. Локальный вариант запускается командой npx -y @vuetify/mcp.
Нужна ли подписка Vuetify One?
Нет, для документации и API хватает адреса /mcp.
Работает ли сервер с Claude Desktop?
Да, через локальный запуск npx -y @vuetify/mcp или мост mcp-remote. Прямой HTTP-транспорт Claude Desktop в файле claude_desktop_config.json не принимает.
Подскажет ли сервер, как перейти с Vuetify 2 на 3?
Да. Инструмент get_v3_upgrade_playbook выдает порядок шагов, рядом лежат карта компонентов и каталог ломающих изменений. Цель перехода названа Vuetify 3.13 LTS.
Можно ли развернуть сервер у себя?
Да. Команда npx -y @vuetify/mcp --transport=http --port=3000 --stateless поднимает HTTP-сервер, параметры --host и --path задают адрес и путь. Для публичных серверов README советует режим --stateless.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыNuxt MCP Dev
nuxt-mcp-dev / vite-plugin-mcp
Модуль Nuxt и плагин Vite поднимают MCP-сервер на порту dev-сервера: агент видит конфигурацию, страницы, компоненты, автоимпорты и граф модулей
Плагин Vite с MCP-сервером: агент видит компоненты, маршруты и хранилища Pinia запущенного Vue-приложения
Vibe MCP отдает агенту компоненты, иконки и токены дизайн-системы monday.com Vibe
onyx MCP
onyx
Сервер от создателей onyx подсказывает агенту точные пропсы Vue-компонентов, иконки и токены CSS установленной версии.
Плагин для Vite, Nuxt и Next.js открывает агенту состояние запущенного приложения на Vue, React, Svelte или Solid через MCP.
MCP-сервер Chakra UI: справочник по компонентам, свойствам и токенам темы плюс разбор кода при переходе с версии 2 на 3
Коротко о README
Документация начинается с быстрого старта через публичный HTTP-сервер и локальный запуск, затем настройку для VS Code, Claude, Cursor, Trae и Windsurf. Для настройки есть интерактивная команда config с флагом --remote. Отдельные разделы объясняют ключи, самостоятельный HTTP-сервер с параметрами --transport, --port, --host и --stateless и перечисляют инструменты по группам.