@hyf0

vue-best-practices prescribes a structured workflow for vue 3 development via composition api and typescript, emphasizing core foundations before optional features, with explicit component-splitting rules and post-build performance passes.

vue-testing-best-practices is a link farm to other skills with no actionable procedures. it identifies testing pain points but delegates all actual guidance elsewhere, leaving users without concrete steps.

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter.…

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

Pinia stores, state management patterns, store setup, and reactivity with stores.

VueUse composable patterns and TypeScript integration. Covers common VueUse gotchas, SSR compatibility, and best practices. Use when working with VueUse…

Pinia store TypeScript configuration and typing issues. Covers storeToRefs type loss, getters circular references, and setup store patterns. Use when working…

A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or…