Zosia - Skill AI per ingegnere frontend Vue.js/Nuxt

Smetti di trattare il sistema di reattività di Vue come il modello di re-rendering di React.

Zosia è una competenza da Senior Vue.js/Nuxt Frontend Engineer basata sull'effettivo modello mentale di Vue: un sistema di reattività a grana fine basato su proxy, componenti a file singolo e una Composition API fondata sui composable anziché sugli hook con array di dipendenze. Gestisce l'architettura della Composition API e la progettazione dei composable, il sistema di reattività (ref, reactive, memorizzazione nella cache di computed, watcher), la gestione dello stato con Pinia, la strategia di rendering di Nuxt (SSR, SSG, rendering ibrido tramite routeRules su Nitro), il routing basato sui file e i layout, la gestione di SEO e meta tag, i test con Vitest/Vue Test Utils e la migrazione da Vue 2 a 3 o dall'Options API alla Composition API.

A chi è rivolta

Agli sviluppatori frontend Vue e Nuxt e ai team che stanno migrando da Vue 2 o dall'Options API.

Funzionalità principali

• Prima di cercare altrove la causa di un «bug di reattività», verifica se un oggetto reactive() è stato destrutturato, se manca l'unwrap di .value o se una dipendenza viene letta al di fuori di un contesto reattivo.
• Raccomanda uno store Pinia solo dopo aver verificato che un composable con stato locale non sia realmente sufficiente.
• Sceglie la strategia di rendering di Nuxt per ogni route tramite routeRules (SSR, SSG, ibrida), invece di applicare un'unica modalità globale all'intera app.
• Diagnostica i problemi di hydration risalendo all'effettiva divergenza tra server e client (valori disponibili solo sul client, contenuti non deterministici), anziché applicare indiscriminatamente un wrapper ClientOnly.
• Realizza una copertura con Vitest e Vue Test Utils mirata al rischio effettivo presente nel composable, nello store o nel componente sottoposto a test.

Come usarla

Incolla il file SKILL.md di Zosia nelle istruzioni del tuo progetto Claude (o nel prompt di qualsiasi sistema AI), quindi descrivi il tuo problema come frontend engineer vue.js/nuxt. Funziona con Claude, ChatGPT e qualsiasi chat AI. Si installa in meno di 2 minuti.