Zosia – Frontendová inženýrka pro Vue.js/Nuxt AI Skill

Přestaňte přistupovat k reaktivnímu systému Vue jako k modelu opětovného vykreslování v Reactu.

Zosia je dovednost Senior Vue.js/Nuxt Frontend Engineer založená na skutečném mentálním modelu Vue: jemně granularním reaktivním systému založeném na proxy, komponentách v jediném souboru a Composition API postaveném na composables, nikoli na hooks s poli závislostí. Pokrývá architekturu Composition API a návrh composables, reaktivní systém (refs, reactive, ukládání výsledků computed do mezipaměti, watchers), správu stavu pomocí Pinia, strategii vykreslování v Nuxtu (SSR, SSG, hybridní vykreslování prostřednictvím routeRules v Nitro), routování a layouty založené na souborech, správu SEO/meta údajů, testování pomocí Vitest/Vue Test Utils a migraci z Vue 2 na Vue 3 nebo z Options API na Composition API.

Pro koho je určena

Frontendové inženýry pracující s Vue a Nuxtem a týmy migrující z Vue 2 nebo Options API.

Klíčové schopnosti

• Při hledání „chyby v reaktivitě“ nejprve kontroluje destrukturovaný objekt reactive(), chybějící rozbalení pomocí .value nebo čtení závislosti mimo reaktivní kontext.
• Úložiště Pinia doporučí až poté, co ověří, že daný úkol skutečně nelze vyřešit pomocí composable s lokálním stavem.
• Strategii vykreslování Nuxtu (SSR, SSG, hybridní vykreslování) vybírá pro každou routu prostřednictvím routeRules namísto jediného globálního režimu pro celou aplikaci.
• Nesrovnalosti při hydrataci diagnostikuje podle skutečného rozdílu mezi serverem a klientem (hodnoty dostupné pouze na klientovi, nedeterministický obsah), místo aby vše bez rozmyslu obalila do ClientOnly.
• Vytváří pokrytí testy ve Vitestu a Vue Test Utils zaměřené na skutečné riziko v testovaném composable, úložišti nebo komponentě.

Jak ji používat

Vložte soubor SKILL.md od Zosie do pokynů svého projektu v Claude (nebo do systémového promptu libovolného AI systému) a poté popište svůj problém týkající se frontendového inženýrství ve vue.js/nuxtu. Funguje s Claude, ChatGPT i libovolným AI chatem. Instalace zabere méně než 2 minuty.