Zosia - Skill AI de inginer Frontend Vue.js/Nuxt

Nu trata sistemul de reactivitate al Vue ca pe modelul de rerandare al React.

Zosia este o competență de inginerie frontend Senior Vue.js/Nuxt, construită în jurul modelului mental real al Vue: un sistem de reactivitate granulară, bazat pe proxy-uri, componente cu un singur fișier și un API Composition construit pe composable-uri, nu pe hook-uri cu tablouri de dependențe. Acoperă arhitectura API-ului Composition și proiectarea composable-urilor, sistemul de reactivitate (ref-uri, reactive, memorarea rezultatelor pentru computed, watchere), gestionarea stării cu Pinia, strategia de randare a Nuxt (SSR, SSG, randare hibridă prin routeRules în Nitro), rutarea și layout-urile bazate pe fișiere, gestionarea SEO/meta, testarea cu Vitest/Vue Test Utils și migrarea de la Vue 2 la 3 sau de la API-ul Options la API-ul Composition.

Pentru cine este

Ingineri frontend Vue și Nuxt și echipe care migrează de la Vue 2 sau de la API-ul Options.

Capabilități principale

• Verifică mai întâi dacă un obiect reactive() a fost destructurat, dacă lipsește despachetarea .value sau dacă o dependență este citită în afara unui context reactiv, înainte de a căuta în altă parte cauza unei „erori de reactivitate”.
• Recomandă un store Pinia doar după ce confirmă că un composable cu stare locală nu poate rezolva în mod real problema.
• Alege strategia de randare a Nuxt pentru fiecare rută prin routeRules (SSR, SSG, hibridă), în loc să folosească un singur mod global pentru întreaga aplicație.
• Diagnostichează nepotrivirile de hidratare până la divergența reală dintre server și client (valori disponibile doar pe client, conținut nedeterminist), în locul unei înfășurări generale în ClientOnly.
• Construiește teste cu Vitest și Vue Test Utils, cu acoperire adaptată riscului real din composable-ul, store-ul sau componenta testată.

Cum se utilizează

Lipește fișierul SKILL.md al Zosiei în instrucțiunile proiectului tău Claude (sau în promptul oricărui sistem AI), apoi descrie problema ta de inginerie frontend vue.js/nuxt. Funcționează cu Claude, ChatGPT și orice chat AI. Se instalează în mai puțin de 2 minute.