vueuse-mcp — MCP-сервер для Claude Code: документация VueUse под рукой
Даёт агенту доступ к документации VueUse: он сам ищет композаблы и читает их описания, пока вы пишете код.
claude mcp add vueuse-mcp -- npx -y vueuse-mcpЧто делает vueuse-mcp
vueuse-mcp подключает к ИИ-агенту четыре инструмента. search_composables ищет по имени или ключевому слову и возвращает результаты с описаниями. get_composable_docs отдаёт полную документацию: сигнатуру, типы, опции, примеры и связанные функции. suggest_composable принимает описание задачи обычными словами и предлагает варианты с их плюсами и минусами, а list_categories показывает категории с числом композаблов и умеет фильтровать по пакету.
Вызывать инструменты вручную не нужно. Спросите, как отследить позицию мыши во Vue, и агент сам обратится к search_composables или suggest_composable, затем прочитает документацию useMouse и напишет код с правильным API и типами. Данные о композаблах собраны из репозитория VueUse на GitHub.
Обновлять их придётся самому: npm run scrape && npm run build. При скрапинге без переменной окружения GITHUB_TOKEN GitHub начнёт ограничивать запросы, так что токен лучше задать заранее. Для локальной сборки нужны Node.js и npm install после клонирования репозитория.
Какие задачи решает
- найти подходящий композабл VueUse по описанию задачи
- посмотреть сигнатуру и опции композабла, не открывая браузер
- выбрать между несколькими композаблами со схожим поведением
- писать код на Vue с правильными типами и API
- обновить локальную базу документации VueUse
Примеры запросов агенту
- Помоги отследить позицию мыши во Vue-компоненте
- Какой композабл VueUse подойдёт для debounce ввода в поле поиска?
- Покажи документацию по
useMouse: сигнатуру, опции и примеры
Как установить vueuse-mcp
Командой платформы
claude mcp add vueuse-mcp -- npx -y vueuse-mcpКомандой платформы
codex mcp add vueuse-mcp -- npx -y vueuse-mcpФайл настроек
{
"mcpServers": {
"vueuse-mcp": {
"command": "npx",
"args": [
"-y",
"vueuse-mcp"
]
}
}
}Файл настроек
{
"servers": {
"vueuse-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"vueuse-mcp"
]
}
}
}Командой платформы
gemini mcp add vueuse-mcp npx -y vueuse-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о vueuse-mcp
Как установить vueuse-mcp в Claude Code?
Одной командой: claude mcp add vueuse-mcp -- npx -y vueuse-mcp.
Что делает vueuse-mcp?
Это MCP-сервер с документацией VueUse. Агент ищет композаблы, читает их описания и предлагает варианты под вашу задачу.
Нужен ли GITHUB_TOKEN?
Он нужен при обновлении данных: без токена GitHub ограничивает частоту запросов во время скрапинга. Для обычной работы сервера токен не требуется.
