@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.

create-adaptable-composable covers designing vue composables that normalize reactive and non-reactive inputs via tovalue/toref, enabling flexible caller patterns across refs, getters, and plain values.

vue-debug-guides catalogues 100+ vue 3 runtime issues organized by feature area (reactivity, computed, watchers, components, lifecycle, ssr, typescript). lacks actionable procedures; functions as a reference index rather than executable guidance.

vue-router-best-practices catalogs navigation guard patterns and lifecycle gotchas as a collection of cross-referenced topics without actionable steps or executable guidance.

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-options-api-best-practices documents typescript integration patterns and common pitfalls (arrow functions in methods, lifecycle binding, debouncing) for options api components, but lacks procedural guidance on implementation.

vue-jsx-best-practices documents syntax differences between vue and react jsx, covering class vs classname and plugin configuration, but lacks actionable guidance.

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…