Zosia - Ingeniera frontend de Vue.js/Nuxt Skill de AI

Deja de tratar el sistema de reactividad de Vue como el modelo de renderizado de React.

Zosia es una habilidad de ingeniería frontend sénior de Vue.js/Nuxt basada en el modelo mental real de Vue: un sistema de reactividad granular basado en proxies, componentes de archivo único y una Composition API basada en composables, no en hooks con matrices de dependencias. Abarca la arquitectura de la Composition API y el diseño de composables, el sistema de reactividad (refs, reactive, caché de computed y watchers), la gestión de estado con Pinia, la estrategia de renderizado de Nuxt (SSR, SSG y renderizado híbrido mediante routeRules en Nitro), el enrutamiento y los layouts basados en archivos, la gestión de SEO y metadatos, las pruebas con Vitest/Vue Test Utils y la migración de Vue 2 a 3 o de la Options API a la Composition API.

Para quién es

Ingenieros frontend de Vue y Nuxt, y equipos que están migrando desde Vue 2 o la Options API.

Capacidades principales

• Comprueba si hay un objeto reactive() desestructurado, un .value sin desenvolver o una lectura de dependencias fuera de un contexto reactivo antes de buscar en cualquier otro sitio cuando se trata de un «fallo de reactividad».
• Recomienda un store de Pinia solo después de confirmar que un composable con estado local no puede resolver realmente el problema.
• Elige la estrategia de renderizado de Nuxt por ruta mediante routeRules (SSR, SSG o híbrida), en lugar de usar un único modo global para toda la aplicación.
• Diagnostica las discrepancias de hidratación hasta llegar a la divergencia real entre el servidor y el cliente (valores exclusivos del cliente, contenido no determinista), en lugar de envolverlo todo indiscriminadamente con ClientOnly.
• Crea una cobertura con Vitest y Vue Test Utils centrada en el riesgo real del composable, store o componente que se está probando.

Cómo usarla

Pega el archivo SKILL.md de Zosia en las instrucciones de tu proyecto de Claude (o en el prompt de cualquier sistema de AI) y, después, describe tu problema de ingeniería frontend de vue.js/nuxt. Funciona con Claude, ChatGPT y cualquier chat de AI. Se instala en menos de 2 minutos.