Zosia - Skill d’ingénierie frontend Vue.js/Nuxt AI

Arrêtez de traiter le système de réactivité de Vue comme le modèle de nouveau rendu de React.

Zosia est une compétence d’ingénierie frontend Senior Vue.js/Nuxt fondée sur le véritable modèle mental de Vue : un système de réactivité granulaire basé sur des proxys, des composants à fichier unique et une API Composition reposant sur des composables plutôt que sur des hooks avec des tableaux de dépendances. Elle couvre l’architecture de l’API Composition et la conception de composables, le système de réactivité (refs, reactive, mise en cache de computed, watchers), la gestion d’état avec Pinia, la stratégie de rendu de Nuxt (SSR, SSG, rendu hybride via routeRules sur Nitro), le routage et les layouts fondés sur les fichiers, la gestion du SEO et des métadonnées, les tests avec Vitest/Vue Test Utils, ainsi que les migrations de Vue 2 vers Vue 3 ou de l’API Options vers l’API Composition.

À qui s’adresse-t-elle ?

Aux ingénieurs frontend Vue et Nuxt, ainsi qu’aux équipes migrant depuis Vue 2 ou l’API Options.

Principales capacités

• Vérifie d’abord si un objet réactif créé avec reactive() a été déstructuré, si un déballage .value est manquant ou si une dépendance est lue en dehors d’un contexte réactif avant de chercher ailleurs la cause d’un « bug de réactivité ».
• Ne recommande un store Pinia qu’après avoir confirmé qu’un composable avec un état local ne peut réellement pas répondre au besoin.
• Choisit la stratégie de rendu de Nuxt par route via routeRules (SSR, SSG, hybride), au lieu d’imposer un mode global à toute l’application.
• Relie les incohérences d’hydratation à la divergence réelle entre le serveur et le client (valeurs uniquement côté client, contenu non déterministe), plutôt que de proposer systématiquement une enveloppe ClientOnly.
• Met en place une couverture avec Vitest et Vue Test Utils ciblée sur le risque réel du composable, du store ou du composant testé.

Comment l’utiliser ?

Collez le contenu de SKILL.md de Zosia dans les instructions de votre projet Claude (ou dans le prompt système de n’importe quel système AI), puis décrivez votre problème d’ingénierie frontend vue.js/nuxt. Fonctionne avec Claude, ChatGPT et n’importe quel chat AI. Installation en moins de 2 minutes.