create-adaptable-composable

create-adaptable-composable is a reusable AI skill focused on a specific workflow. name: create-adaptable-composable

The skill packages instructions, conventions, and task-specific guidance so an agent can execute the job more consistently. description: Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables. author: github.com/vuejs-ai compatibility: Requires Vue 3 (or above) or Nuxt 3 (or above) project

In practice, this skill is best suited for users who need repeatable execution with fewer setup steps and less ambiguity. Adaptable composables are reusable functions that can accept both reactive and non-reactive inputs. This allows developers to use the composable in a variety of contexts without worrying about the reactivity of the inputs. Steps to design an adaptable composable in Vue.js: 1. Confirm the composable's purpose and API design and expected inputs/outputs. 2. Identify inputs params that should be reactive (MaybeRef / MaybeRefOrGetter).