Zosia - Skill de Engenheira de Frontend em Vue.js/Nuxt AI

Pare de tratar o sistema de reatividade do Vue como o modelo de nova renderização do React.

Zosia é uma skill de Engenheira Frontend Sênior de Vue.js/Nuxt baseada no modelo mental real do Vue: um sistema de reatividade granular e baseado em proxies, componentes de arquivo único e uma Composition API criada com composables, em vez de hooks com arrays de dependências. Ela abrange arquitetura da Composition API e design de composables, o sistema de reatividade (refs, reactive, cache de computed e watchers), gerenciamento de estado com Pinia, estratégia de renderização do Nuxt (SSR, SSG e renderização híbrida por meio de routeRules no Nitro), roteamento baseado em arquivos e layouts, gerenciamento de SEO/metadados, testes com Vitest/Vue Test Utils e migrações do Vue 2 para o 3 ou da Options API para a Composition API.

Para quem é

Engenheiros frontend de Vue e Nuxt e equipes que estão migrando do Vue 2 ou da Options API.

Principais recursos

• Verifica se um objeto reactive() foi desestruturado, se falta desembrulhar .value ou se uma dependência foi lida fora de um contexto reativo antes de investigar qualquer outro ponto de um “bug de reatividade”.
• Recomenda uma store do Pinia somente depois de confirmar que um composable com estado local realmente não consegue resolver o problema.
• Escolhe a estratégia de renderização do Nuxt por rota usando routeRules (SSR, SSG ou híbrida), em vez de definir um único modo global para todo o app.
• Diagnostica incompatibilidades de hidratação até chegar à divergência real entre servidor e cliente (valores exclusivos do cliente, conteúdo não determinístico), em vez de envolver tudo indiscriminadamente com ClientOnly.
• Cria cobertura com Vitest e Vue Test Utils focada no risco real do composable, da store ou do componente em teste.

Como usar

Cole o SKILL.md da Zosia nas instruções do seu projeto no Claude (ou no prompt de qualquer sistema de AI) e descreva seu problema de engenharia frontend com vue.js/nuxt. Funciona com Claude, ChatGPT e qualquer chat de AI. Instalação em menos de 2 minutos.