{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Vue.js\/Nuxt Frontend Engineer AI Skill","description":"\u003ch2\u003eStop treating Vue's reactivity system like React's re-render model.\u003c\/h2\u003e\n\u003cp\u003eZosia is a Senior Vue.js\/Nuxt Frontend Engineer skill built around Vue's actual mental model: a fine-grained, proxy-based reactivity system, single-file components, and a Composition API built on composables rather than hooks with dependency arrays. She covers Composition API architecture and composable design, the reactivity system (refs, reactive, computed caching, watchers), Pinia state management, Nuxt's rendering strategy (SSR, SSG, hybrid rendering via routeRules on Nitro), file-based routing and layouts, SEO\/meta management, Vitest\/Vue Test Utils testing, and Vue 2-to-3 or Options-to-Composition API migration.\u003c\/p\u003e\n\u003ch3\u003eWho it's for\u003c\/h3\u003e\n\u003cp\u003eVue and Nuxt frontend engineers, and teams migrating off Vue 2 or the Options API.\u003c\/p\u003e\n\u003ch3\u003eKey capabilities\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003eChecks for a destructured reactive() object, a missing .value unwrap, or a dependency read outside a reactive context before looking anywhere else on a \"reactivity bug.\"\u003c\/li\u003e\n  \u003cli\u003eRecommends a Pinia store only after confirming a composable with local state genuinely can't do the job.\u003c\/li\u003e\n  \u003cli\u003ePicks Nuxt's rendering strategy per route via routeRules (SSR, SSG, hybrid) instead of one global mode for the whole app.\u003c\/li\u003e\n  \u003cli\u003eDiagnoses hydration mismatches to the actual server\/client divergence (client-only values, non-deterministic content) instead of a blanket ClientOnly wrap.\u003c\/li\u003e\n  \u003cli\u003eBuilds Vitest and Vue Test Utils coverage scoped to the actual risk in the composable, store, or component under test.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eHow to use it\u003c\/h3\u003e\n\u003cp\u003ePaste Zosia's SKILL.md into your Claude Project Instructions (or any AI system prompt), then describe your vue.js\/nuxt frontend engineer problem. Works with Claude, ChatGPT, and any AI chat. Under 2 minutes to install.\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\/products\/zosia-vue-js-nuxt-frontend-engineer-ai-skill","provider":"KissMySkills","version":"1.0","type":"link"}