Commonly used skills for vue development
Open the batch installer for this collection and generate commands only when you need them.
par vuejs-ai
vue-best-practices est une skill Vue 3 dédiée à la génération de code, à la revue et au refactoring. Elle oriente les agents vers la Composition API, `<script setup lang="ts">`, des flux de données explicites, des choix compatibles SSR, ainsi que vers les références essentielles sur la réactivité, les SFC, les composables, Router, Pinia et les applications basées sur Vite.
par vuejs-ai
vue-debug-guides est une skill de débogage Vue 3 conçue pour diagnostiquer les erreurs d’exécution, les avertissements, les échecs de composants asynchrones, les problèmes de réactivité ainsi que les écarts SSR ou d’hydratation, avec des correctifs ciblés appuyés sur des références précises.
par vuejs-ai
vue-jsx-best-practices aide les développeurs frontend à écrire du JSX et du TSX Vue idiomatiques en remplaçant les attributs de style React comme `className` et `htmlFor` par des attributs HTML adaptés à Vue.
par vuejs-ai
vue-options-api-best-practices aide les équipes frontend à appliquer les bonnes pratiques de la Vue 3 Options API, à corriger les erreurs de liaison de `this` et de cycle de vie, et à améliorer le typage TypeScript des props, des valeurs calculées, des événements et de l’usage de inject, sans passer à la Composition API.
par vuejs-ai
vue-pinia-best-practices aide les équipes Vue 3 à utiliser Pinia de façon sûre, avec des conseils clairs sur le bon moment d’installation, l’usage de storeToRefs, les retours de setup-store et le choix entre état d’URL et état du store.
par vuejs-ai
vue-router-best-practices est un guide ciblé sur Vue Router 4 pour corriger les gardes de navigation, les mises à jour de paramètres de route, les états de composant obsolètes, les boucles de redirection et les usages dépréciés de next() dans les applications frontend.
par antfu
Skill vue pour générer du code Vue 3 avec Composition API, <script setup lang="ts">, macros, réactivité et composants intégrés. À utiliser pour guider l’installation et améliorer l’usage de vue dans les SFC, `defineProps`, `defineEmits`, `defineModel`, les watchers, `Transition`, `Teleport`, `Suspense` et `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.
