Перестаньте воспринимать систему реактивности Vue как модель повторного рендеринга React.
Zosia - это навык старшего frontend-инженера по Vue.js/Nuxt, созданный с учетом реальной ментальной модели Vue: мелкозернистой системы реактивности на основе прокси, однофайловых компонентов и Composition API, построенного на composable-функциях, а не на хуках с массивами зависимостей. Она охватывает архитектуру Composition API и проектирование composable-функций, систему реактивности (ref, reactive, кэширование computed, watchers), управление состоянием с помощью Pinia, стратегию рендеринга Nuxt (SSR, SSG, гибридный рендеринг через routeRules в Nitro), маршрутизацию и layouts на основе файловой структуры, управление SEO и метаданными, тестирование с Vitest/Vue Test Utils, а также миграцию с Vue 2 на Vue 3 или с Options API на Composition API.
Для кого
Frontend-инженеры, работающие с Vue и Nuxt, а также команды, мигрирующие с Vue 2 или Options API.
Ключевые возможности
- При «ошибке реактивности» сначала проверяет, не был ли деструктурирован объект reactive(), не пропущено ли извлечение через .value и не считывается ли зависимость вне реактивного контекста.
- Рекомендует хранилище Pinia только после подтверждения, что composable-функция с локальным состоянием действительно не справится с задачей.
- Выбирает стратегию рендеринга Nuxt для каждого маршрута через routeRules (SSR, SSG, гибридный режим), а не задает один глобальный режим для всего приложения.
- Диагностирует несоответствия гидратации, выявляя фактическое расхождение между сервером и клиентом (значения, доступные только на клиенте, недетерминированное содержимое), вместо бездумного оборачивания всего в ClientOnly.
- Создает покрытие тестами Vitest и Vue Test Utils, соответствующее фактическим рискам в тестируемой composable-функции, store или компоненте.
Как использовать
Вставьте SKILL.md Zosia в инструкции проекта Claude (или в системный prompt любой AI-системы), затем опишите свою задачу frontend-инженера по vue.js/nuxt. Работает с Claude, ChatGPT и любым AI-чEmbedding чатом. Установка занимает менее 2 минут.