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 é uma skill para Vue 3 voltada à geração, revisão e refatoração de código. Ela orienta agentes a seguir Composition API, <script setup lang="ts">, fluxo de dados explícito, decisões compatíveis com SSR e referências essenciais sobre reatividade, SFCs, composables, Router, Pinia e apps baseados em Vite.
por vuejs-ai
vue-debug-guides é uma skill de depuração para Vue 3 voltada a diagnosticar erros de runtime, avisos, falhas em componentes assíncronos, problemas de reatividade e incompatibilidades de SSR ou hidratação, com correções direcionadas e baseadas em referências.
por vuejs-ai
vue-jsx-best-practices ajuda desenvolvedores frontend a escrever Vue JSX e TSX de forma idiomática, substituindo atributos no estilo React, como className e htmlFor, por atributos HTML compatíveis com Vue.
por vuejs-ai
vue-options-api-best-practices ajuda equipes de frontend a aplicar boas práticas da Options API do Vue 3, corrigir erros de binding de `this` e de ciclo de vida, além de melhorar a tipagem em TypeScript para props, valores computados, eventos e uso de inject sem migrar para a Composition API.
por vuejs-ai
vue-pinia-best-practices ajuda equipes que usam Vue 3 a adotar o Pinia com mais segurança, com orientações claras sobre o momento certo da instalação, uso de storeToRefs, retornos em setup stores e decisões entre estado na URL e no store.
por vuejs-ai
vue-router-best-practices é um guia objetivo de Vue Router 4 para corrigir navigation guards, atualizações de parâmetros de rota, estado obsoleto de componentes, loops de redirecionamento e padrões `next()` descontinuados em apps frontend.
por antfu
vue para geração de código em Vue 3 com Composition API, <script setup lang="ts">, macros, reatividade e componentes nativos. Use para orientar a instalação e melhorar o uso de vue em SFCs, defineProps, defineEmits, defineModel, watchers, Transition, Teleport, Suspense e 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.
