Create Adaptable Composable
Plugin Verified ActiveCreate 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.
To enable developers to create more robust and reusable Vue 3 composables by standardizing flexible input handling patterns.
Features
- Generate adaptable Vue composables
- Normalize MaybeRef/MaybeRefOrGetter inputs
- Utilize toValue()/toRef() for reactive effects
- Improve composable reusability and predictability
Use Cases
- When creating reusable Vue 3 composables that need to accept reactive or non-reactive inputs.
- When aiming for predictable behavior by normalizing inputs within reactive effects.
- When developing libraries or components that require flexible input patterns.
Non-Goals
- Creating full Vue components or applications.
- Providing a general-purpose Vue code generator.
- Handling runtime configuration or application state management directly.
Installation
First, add the marketplace
/plugin marketplace add hyf0/vue-skills/plugin install create-adaptable-composable@vue-skillsQuality Score
VerifiedTrust Signals
Similar Extensions
Context7 Plugin
100Upstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Claude Hud
100Real-time statusline HUD for Claude Code - displays context usage, tool activity, agent tracking, and todo progress
UI/UX Design Plugin
99Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Gsap Skills
99Official GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performance
Vue Jsx Best Practices
98JSX syntax in Vue (e.g., class vs className, JSX plugin config).
A11y Audit
98WCAG 2.2 accessibility audit and fix skill for React, Next.js, Vue, Angular, Svelte, and HTML. Static scanner detecting 20+ violation types, contrast checker with suggest mode, framework-specific fix patterns, CI-friendly exit codes.