Create Adaptable Composable

This teaches Claude to build Vue 3 composables that accept plain values, refs, or getters interchangeably using MaybeRef and MaybeRefOrGetter types. It's the difference between forcing callers to wrap everything in ref() versus letting them pass whatever makes sense in context. The skill covers when to use toValue() versus toRef(), how to handle writable versus read-only inputs, and warns you about the footgun of treating callbacks as getters. If you're building a library or just tired of rigid composable APIs that fight with reactive and non-reactive data, this is the pattern Vue's own ecosystem uses internally.

Install to Claude Code

npx -y skills add hyf0/vue-skills --skill create-adaptable-composable --agent claude-code