What problem does it solve? Developers working in Vue.js or Nuxt often rewrite common reactive logic by hand, producing verbose and inconsistent code. This Skill guides the AI to check the VueUse library first, map each requirement to the right composable, and apply the correct usage pattern instead of writing bespoke implementations. ## Core Features & Use Cases - Requirement-to-Function Mapping: Categorized tables (State, Elements, Browser, Sensors, and more) map each need to the most suitable VueUse composable with a short description. - Invocation Rules: Each function carries an invocation policy (AUTO, EXTERNAL, EXPLICIT_ONLY) so composables are applied only when appropriate and external dependencies are respected. - Detailed References: A references directory provides per-function usage examples, caveats, and TypeScript type declarations consulted before implementation. - Use Case: When adding dark mode to a Nuxt app, the Skill directs the AI to use useDark with auto persistence rather than hand-rolled class toggling and localStorage logic. ## Quick Start Ask the AI to implement a Vue or Nuxt feature such as reactive dark mode or infinite scroll using VueUse composables instead of custom code.
