{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Зося — AI Skill frontend-инженера на Vue.js\/Nuxt","description":"\u003ch2\u003eНе воспринимайте систему реактивности Vue как модель повторного рендеринга React.\u003c\/h2\u003e\n\u003cp\u003eZosia — это навык 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.\u003c\/p\u003e\n\u003ch3\u003eДля кого\u003c\/h3\u003e\n\u003cp\u003eДля frontend-инженеров, работающих с Vue и Nuxt, а также команд, переходящих с Vue 2 или Options API.\u003c\/p\u003e\n\u003ch3\u003eКлючевые возможности\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eПри диагностике «ошибки реактивности» сначала проверяет, не был ли деструктурирован объект reactive(), не пропущено ли раскрытие через .value и не считывается ли зависимость вне реактивного контекста.\u003c\/li\u003e\n  \u003cli\u003eРекомендует хранилище Pinia только после подтверждения, что composable-функция с локальным состоянием действительно не справится с задачей.\u003c\/li\u003e\n  \u003cli\u003eВыбирает стратегию рендеринга Nuxt для каждого маршрута через routeRules (SSR, SSG, гибридный режим), а не задаёт один глобальный режим для всего приложения.\u003c\/li\u003e\n  \u003cli\u003eНаходит причину несоответствий гидратации в реальном расхождении между сервером и клиентом (значения, доступные только на клиенте, недетерминированный контент), вместо бездумного оборачивания всего в ClientOnly.\u003c\/li\u003e\n  \u003cli\u003eСоздаёт покрытие тестами Vitest и Vue Test Utils с учётом реального риска в тестируемой composable-функции, store или компоненте.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eКак использовать\u003c\/h3\u003e\n\u003cp\u003eВставьте SKILL.md Zosia в инструкции проекта Claude (или в системный prompt любой AI-системы), затем опишите свою задачу для vue.js\/nuxt frontend engineer. Работает с Claude, ChatGPT и любым AI-чата. Установка занимает менее 2 минут.\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395838728,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/sw33-zosia-vue-nuxt-frontend-engineer-nf.png?v=1785685145","url":"https:\/\/kissmyskills.com\/ru\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}