create-adaptable-composable — Skills

What it does

value or writable ref (value/ref/shallowRef/writable computed)

MaybeRef<T> + ComputedRef<T> + () => T

Read-only, computed-friendly input: use MaybeRefOrGetter

Needs to be writable / two-way input: use MaybeRef

Parameter might be a function value (callback/predicate/comparator): do not use MaybeRefOrGetter, or you may accidentally invoke it as a getter.

DOM/Element targets: if you want computed/derived targets, use MaybeRefOrGetter.

resolve reactive value using toRef() (e.g. watcher source)

create adaptable composable

Source

Repository: https://github.com/vuejs-ai/skills

create-adaptable-composable FAQ

What does the create-adaptable-composable skill do?

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. value or writable ref (value/ref/shallowRef/writable computed) MaybeRef<T> + ComputedRef<T> + () => T

What does create-adaptable-composable require?

Needs to be writable / two-way input: use MaybeRef

How do I install create-adaptable-composable?

Run: npx -y skills add https://github.com/vuejs-ai/skills --skill create-adaptable-composable --agent claude-code — the source lives at github.com/vuejs-ai/skills.

Maintain create-adaptable-composable?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![create-adaptable-composable on getagentictools](https://getagentictools.com/badge/skills/vuejs-ai-skills-create-adaptable-composable.svg)](https://getagentictools.com/skills/vuejs-ai-skills-create-adaptable-composable?ref=badge)

npx agentictools info skills/vuejs-ai-skills-create-adaptable-composable

The second line is the CLI lookup for this page — handy in READMEs and docs.