Skill de AI para desarrolladora de Vue - Zosia

Deja de tratar el sistema de reactividad de Vue como el modelo de volver a renderizar 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 API de composición basada en composables, no en hooks con arrays de dependencias. Abarca la arquitectura de la API de composición 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 y Vue Test Utils, y la migración de Vue 2 a Vue 3 o de la API de opciones a la API de composición.

Para quién es

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

Capacidades principales

• Comprueba si se ha desestructurado un objeto reactive(), si falta desenvolver .value o si se ha leído una dependencia fuera de un contexto reactivo antes de buscar en cualquier otro sitio cuando hay un «error de reactividad».
• Recomienda un store de Pinia solo después de confirmar que un composable con estado local realmente no puede resolver 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 en ClientOnly.
• Crea una cobertura con Vitest y Vue Test Utils ajustada al riesgo real del composable, store o componente que se está probando.

Cómo usarlo

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