Commonly used skills for vue development
Open the batch installer for this collection and generate commands only when you need them.
por vuejs-ai
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.
por vuejs-ai
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.
por vuejs-ai
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.
por vuejs-ai
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.
por vuejs-ai
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.
por vuejs-ai
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.
por antfu
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`.
# Vue Skills Collection ## Site Skills - **vue-router-best-practices** (vuejs-ai) A focused Vue Router 4 guide for handling navigation guards, route updates, redirect loops, and deprecated patterns. - **vue-pinia-best-practices** (vuejs-ai) Best practices for using Pinia in Vue 3, covering store setup, reactivity, and state management decisions. - **vue-options-api-best-practices** (vuejs-ai) A guide to writing robust Vue 3 Options API code with correct lifecycle usage, typing, and this-binding. - **vue-jsx-best-practices** (vuejs-ai) Helps developers write idiomatic Vue JSX/TSX by avoiding React-style patterns and using Vue-native syntax. - **vue-debug-guides** (vuejs-ai) A debugging skill for diagnosing Vue 3 runtime issues, reactivity bugs, async failures, and SSR mismatches. - **vue-best-practices** (vuejs-ai) A comprehensive Vue 3 guide for code generation, review, and refactoring with modern best practices.
