Зося — AI Skill frontend-инженера на Vue.js/Nuxt

Не воспринимайте систему реактивности Vue как модель повторного рендеринга React.

Zosia — это навык Senior Vue.js/Nuxt Frontend Engineer, созданный с учётом настоящей ментальной модели Vue: мелкозернистой системы реактивности на основе прокси, однофайловых компонентов и Composition API, построенного на composable-функциях, а не на хуках с массивами зависимостей. Она охватывает архитектуру Composition API и разработку composable-функций, систему реактивности (refs, 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-системы), затем опишите свою задачу для vue.js/nuxt frontend engineer. Работает с Claude, ChatGPT и любым AI-чата. Установка занимает менее 2 минут.