Vue

nuxt4-patterns es una skill para Nuxt 4 centrada en la seguridad de hydration, las route rules, la carga diferida y la obtención de datos segura para SSR. Usa la skill nuxt4-patterns para tomar mejores decisiones de Frontend Development, reducir desajustes y aplicar el patrón adecuado en cada página o componente.

ui-ux-pro-max es una skill integral para diseño UI/UX asistido por IA. Brinda orientación estructurada sobre layouts, estilos, sistemas de color, tipografía y reglas UX para proyectos web y móviles. Ideal para equipos y desarrolladores que buscan decisiones de diseño prácticas en React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter y HTML/CSS. Úsala para planificar, revisar y mejorar interfaces con inteligencia de diseño curada.

La skill web-component-design ayuda a los equipos a diseñar componentes de UI reutilizables para React, Vue y Svelte, con patrones de API sólidos, guía de accesibilidad y referencias sobre las ventajas y compromisos de estilo para sistemas de diseño.

Skill de vue para generar código en Vue 3 con Composition API, `<script setup lang="ts">`, macros, reactividad y componentes integrados. Úsalo como guía de instalación y para mejorar el uso de vue en SFCs, `defineProps`, `defineEmits`, `defineModel`, watchers, `Transition`, `Teleport`, `Suspense` y `KeepAlive`.

gsap-frameworks es la skill de GSAP para Vue, Nuxt, Svelte, SvelteKit y otros frameworks que no son React. Cubre la configuración de animaciones segura para el ciclo de vida, selectores con alcance y limpieza al desmontar, para que las animaciones de componentes se comporten correctamente en Frontend Development.

La skill gsap-core es la guía oficial de GSAP para el uso de la API central de animación, incluyendo `gsap.to()`, `from()`, `fromTo()`, easing, stagger, defaults y motion responsive. Úsala para trabajar con gsap-core en vanilla JS, React, Vue, Svelte, DOM, SVG y flujos de diseño de UI, especialmente cuando necesites una guía fiable de gsap-core.

vue-router-best-practices es una guía enfocada en Vue Router 4 para corregir guards de navegación, actualizaciones de parámetros de rutas, estado obsoleto de componentes, bucles de redirección y patrones `next()` obsoletos en aplicaciones frontend.

vue-pinia-best-practices ayuda a equipos de Vue 3 a usar Pinia con seguridad, con orientación clara sobre el momento de instalación, el uso de `storeToRefs`, los valores devueltos en setup stores y cuándo conviene usar la URL frente al estado del store.

vue-options-api-best-practices ayuda a equipos frontend a aplicar buenas prácticas de Vue 3 Options API, corregir errores de binding de `this` y del ciclo de vida, y mejorar el tipado con TypeScript para props, valores computados, eventos y uso de inject sin cambiar a Composition API.

vue-jsx-best-practices ayuda a desarrolladores frontend a escribir Vue JSX y TSX de forma idiomática, sustituyendo atributos al estilo React como className y htmlFor por atributos HTML compatibles con Vue.

vue-best-practices es una skill de Vue 3 para generación de código, revisión y refactorización. Guía a los agentes hacia el uso de Composition API, `<script setup lang="ts">`, flujo de datos explícito, decisiones compatibles con SSR y referencias clave sobre reactividad, SFCs, composables, Router, Pinia y apps basadas en Vite.

vue-debug-guides es una skill de depuración para Vue 3 que ayuda a diagnosticar errores en tiempo de ejecución, advertencias, fallos en componentes asíncronos, problemas de reactividad y desajustes de SSR o hidratación con correcciones específicas basadas en referencias.

create-adaptable-composable ayuda a desarrolladores de Vue 3 y Nuxt 3 a diseñar composables reutilizables que aceptan valores simples, refs, valores computed y getters. Se centra en elegir entre MaybeRef y MaybeRefOrGetter, y en normalizar con toValue() o toRef() dentro de watch() o watchEffect() para lograr una reactividad predecible.

Guía de netlify-forms para gestionar formularios HTML en Netlify. Úsala para añadir formularios de contacto, formularios de comentarios, subidas de archivos, filtrado de spam, envíos AJAX y una página personalizada de agradecimiento sin código del lado del servidor. Es útil para flujos de Backend Development y para apps renderizadas con JS que necesitan detección de formularios en tiempo de compilación.