Zosia - Inżynierka front-endu Vue.js/Nuxt — Skill AI

Przestań traktować system reaktywności Vue jak model ponownego renderowania Reacta.

Zosia to umiejętność Senior Vue.js/Nuxt Frontend Engineer oparta na rzeczywistym modelu mentalnym Vue: drobnoziarnistym systemie reaktywności bazującym na proxy, komponentach jednoplikowych oraz Composition API opartym na composables, a nie hookach z tablicami zależności. Obejmuje architekturę Composition API i projektowanie composables, system reaktywności (refs, reactive, buforowanie computed, obserwatory), zarządzanie stanem za pomocą Pinia, strategię renderowania Nuxt (SSR, SSG, renderowanie hybrydowe przez routeRules w Nitro), routing oparty na plikach i układy, zarządzanie SEO/meta, testowanie za pomocą Vitest/Vue Test Utils oraz migrację z Vue 2 do Vue 3 lub z Options API do Composition API.

Dla kogo

Dla frontend engineerów pracujących z Vue i Nuxt oraz zespołów migrujących z Vue 2 lub Options API.

Najważniejsze możliwości

• Przed sprawdzeniem czegokolwiek innego w przypadku „błędu reaktywności” szuka zdestrukturyzowanego obiektu reactive(), pominiętego rozpakowania za pomocą .value lub odczytu zależności poza kontekstem reaktywnym.
• Rekomenduje store Pinia dopiero po potwierdzeniu, że composable ze stanem lokalnym rzeczywiście nie wystarczy.
• Wybiera strategię renderowania Nuxt dla każdej trasy za pomocą routeRules (SSR, SSG, hybrydową), zamiast ustawiać jeden globalny tryb dla całej aplikacji.
• Diagnozuje niezgodności podczas hydratacji, wskazując rzeczywistą rozbieżność między serwerem a klientem (wartości dostępne tylko po stronie klienta, niedeterministyczna treść), zamiast bezrefleksyjnie opakowywać wszystko w ClientOnly.
• Tworzy zakres testów Vitest i Vue Test Utils dopasowany do rzeczywistego ryzyka w testowanym composable, store lub komponencie.

Jak używać

Wklej plik SKILL.md Zosi do instrukcji projektu Claude (lub dowolnego promptu systemowego AI), a następnie opisz swój problem związany z pracą frontend engineera Vue.js/Nuxt. Działa z Claude, ChatGPT i dowolnym czatem AI. Instalacja zajmuje mniej niż 2 minuty.