The skills for vue

Commonly used skills for vue development

Admin7 skills0 GitHub URLs
INSTALL

Batch install

Open the batch installer for this collection and generate commands only when you need them.

Skills

Published skills and validated GitHub skill sources included in this collection.
V
vue-best-practices

by vuejs-ai

vue-best-practices is a Vue 3 skill for code generation, review, and refactoring. It guides agents toward Composition API, <script setup lang="ts">, explicit data flow, SSR-aware choices, and core references for reactivity, SFCs, composables, Router, Pinia, and Vite-based apps.

Frontend Development
Favorites 0GitHub 2.1k
V
vue-debug-guides

by vuejs-ai

vue-debug-guides is a Vue 3 debugging skill for diagnosing runtime errors, warnings, async component failures, reactivity issues, and SSR or hydration mismatches with targeted reference-based fixes.

Debugging
Favorites 0GitHub 2.1k
V
vue-jsx-best-practices

by vuejs-ai

vue-jsx-best-practices helps frontend developers write idiomatic Vue JSX and TSX by replacing React-style attributes like className and htmlFor with Vue-friendly HTML attributes.

Frontend Development
Favorites 0GitHub 2.1k
V
vue-options-api-best-practices

by vuejs-ai

vue-options-api-best-practices helps frontend teams apply Vue 3 Options API best practices, fix this-binding and lifecycle mistakes, and improve TypeScript typing for props, computed values, events, and inject usage without switching to Composition API.

Frontend Development
Favorites 0GitHub 2.1k
V
vue-pinia-best-practices

by vuejs-ai

vue-pinia-best-practices helps Vue 3 teams use Pinia safely with clear guidance on install timing, storeToRefs usage, setup-store returns, and URL vs store state decisions.

Frontend Development
Favorites 0GitHub 2.1k
V
vue-router-best-practices

by vuejs-ai

vue-router-best-practices is a focused Vue Router 4 guide for fixing navigation guards, route param updates, stale component state, redirect loops, and deprecated next() patterns in frontend apps.

Frontend Development
Favorites 0GitHub 2.1k
A
vue

by antfu

vue skill for Vue 3 code generation with Composition API, <script setup lang="ts">, macros, reactivity, and built-in components. Use it to install guidance and improve vue usage for SFCs, defineProps, defineEmits, defineModel, watchers, Transition, Teleport, Suspense, and KeepAlive.

Frontend Development
Favorites 0GitHub 4.4k

How To Use

Markdown guide for using this collection.
# 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.