vue-best-practices
Recommends Composition API with script setup and TypeScript for Vue development, while allowing explicit Options API requirements. Covers Vue 3, SSR, Volar, vue-tsc, Vue Router, Pinia, and Vite integration.
Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access.Recommends Composition API with script setup and TypeScript for Vue development, while allowing explicit Options API requirements. Covers Vue 3, SSR, Volar, vue-tsc, Vue Router, Pinia, and Vite integration.
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
Provides Vue development guidance favoring Composition API, script setup, and TypeScript unless a project requires Options API. Covers Vue 3, SSR, Volar, vue-tsc, Vue Router, Pinia, and Vite integration.
Guides debugging and error handling in Vue 3. Covers runtime errors, warnings, asynchronous failures, and server-rendering or hydration problems.
Creates Composition API components and composables, Pinia stores, and Nuxt 3 SSR/SSG projects. Covers Quasar and Capacitor mobile apps, service workers, PWA features, Vite optimization, and TypeScript integration.
Creates Vue 3 components, JavaScript composables, and Vite configurations without TypeScript. Provides JSDoc type annotations and supports migration from Vue 2 Options API to Composition API.
Covers JSX syntax conventions in Vue, including class versus className and JSX plugin configuration.
Provides Vue 3 guidance focused exclusively on Options API solutions. Covers data(), methods, and the this context.
Covers creating and using Pinia stores, with guidance on store setup, state management patterns, and reactive behavior.
Provides Vue Router 4 guidance covering navigation guards and route parameters. Addresses interactions between routing and component lifecycles.
Provides Vue Router 4 patterns for navigation guards and route parameters. Covers interactions between routes and component lifecycles.
Covers Vue component testing with Vitest and Vue Test Utils, including mocking and testing patterns. Includes Playwright for end-to-end testing.
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name