vue-skills
Набор скиллов для разработки на Vue 3: практики Composition API, роутер, Pinia, тесты, JSX, Options API и разбор ошибок
- 3 334 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скиллы состоят только из инструкций и справочников, кода не запускают
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/vue-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы состоят только из инструкций и справочников, кода не запускают
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор дает агенту восемь скиллов по разработке на Vue 3. Основной скилл задает стандартный стек Composition API со script setup и TypeScript, требует читать базовые справочники по реактивности, однофайловым компонентам, потоку данных и композаблам, и планировать границы компонентов до написания кода. Отдельные скиллы покрывают Vue Router 4, Pinia, тесты на Vitest и Playwright, JSX, Options API, создание переиспользуемых композаблов и разбор ошибок и проблем гидратации SSR. Каждый скилл это SKILL.md со справочниками по конкретным темам и типовым ошибкам. Правила отбирались через автоматические оценки: правило оставляли, только если оно давало модели решить то, что без скилла она не решала.
Для кого. Для фронтенд-разработчиков на Vue 3, которым нужно, чтобы агент следовал устоявшимся практикам экосистемы.
Подходит, если
- Агент пишет или рефакторит код на Vue 3 и файлы .vue
- Нужны корректные паттерны Pinia, Vue Router или тестов на Vitest
- Разбираетесь с ошибками рантайма или несовпадением гидратации SSR
Не подходит, если
- Проект не на Vue, справочники рассчитаны на Vue 3 и его экосистему
- Нужна нейтральная помощь без навязывания Composition API и TypeScript
Пример запроса к агенту
Используй vue skill и собери компонент списка задач на Composition API с PiniaОграничения
Это ранний общественный эксперимент, а не официальный проект команды Vue: автор отмечает, что правила выведены из реальных проблем, но могут содержать неточности из-за галлюцинаций, и просит обратную связь. Основной скилл по умолчанию подталкивает к Composition API, script setup и TypeScript, для Options API или JSX нужно ставить отдельные скиллы. Публикуемые скиллы лежат в ветке main, разработка идет в dev. Скиллы это только справочники и инструкции, кода они сами не запускают.
Как отключить. Если ставили как плагин Claude Code, удалите его через /plugin. При ручной установке удалите папки скиллов из каталога скиллов агента.
Частые вопросы
Это официальный проект Vue?
Нет. Это общественный эксперимент, автор планирует предложить передать проект организации Vue, если он окажется полезным, но пока это не так.
Обязательно ставить все восемь скиллов?
Нет. Бандл vue-skills-bundle ставит все сразу, но можно поставить только нужные, например vue-best-practices@vue-skills или vue-router-best-practices@vue-skills.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыТри десятка скиллов по Vue, Pinia, Vue Router, Reka UI и VueUse. Тексты привязаны к версиям пакетов и обновляются с релизами.
Скилл подсказывает агенту готовые composable-функции VueUse для Vue 3 и Nuxt и дает справку по использованию и типам каждой функции
Скиллы Энтони Фу
Anthony Fu's Skills
Набор скиллов для стека Vue, Vite и Nuxt: личные соглашения автора и выжимки из официальной документации инструментов
shadcn-vue — скилл для агентов
shadcn-vue skill
Скилл shadcn-vue читает настройки вашего проекта и учит агента добавлять компоненты, формы и темы Vue-порта shadcn/ui по правилам библиотеки
Девять скиллов в каркасе админки Fantastic-admin на Vue 3: генерация CRUD-страниц, форм, маршрутов, хранилищ и настройка тем
Плагин из 30 скиллов по Vue, Nuxt и NuxtHub для Claude Code, Codex, Cursor и Copilot с подключением MCP-сервера Nuxt
Коротко о README
README представляет набор скиллов для разработки на Vue 3 и честно называет его ранним общественным экспериментом. Установка идет через npx skills add или как плагин Claude Code с бандлом и отдельными скиллами. Для надежного срабатывания рекомендуется начинать запрос с фразы use vue skill. В таблице перечислены восемь скиллов и случаи их применения: базовые практики, Options API, роутер, Pinia, тесты, JSX, разбор ошибок и создание композаблов. Описан метод валидации: базовый прогон без скилла и прогон со скиллом, правило оставляют, только если оно дало решить задачу. Лицензия MIT.
Бейдж для README
Исходный SKILL.md
--- name: vue-best-practices description: MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API. license: MIT metadata: author: github.com/vuejs-ai version: "18.0.0" --- # Vue Best Practices Workflow Use this skill as an instruction set. Follow the workflow in order unless the user explicitly asks for a different order. ## Core Principles - **Keep state predictable:** one source of truth, derive everything else. - **Make data flow explicit:** Props down, Events up for most cases. - **Favor small, focused components:** easier to test, reuse, and maintain. - **Avoid unnecessary re-renders:** use computed properties and watchers wisely. - **Readability counts:** write clear, self-documenting code.