Create Adaptable Composable
Plugin Verifiziert AktivCreate 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.
Funktionen
- Generate adaptable Vue composables
- Normalize MaybeRef/MaybeRefOrGetter inputs
- Utilize toValue()/toRef() for reactive effects
- Improve composable reusability and predictability
Anwendungsfälle
- 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.
Nicht-Ziele
- Creating full Vue components or applications.
- Providing a general-purpose Vue code generator.
- Handling runtime configuration or application state management directly.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add hyf0/vue-skills/plugin install create-adaptable-composable@vue-skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Context7 Plugin
100Upstash Context7 MCP-Server für die Abfrage aktueller Dokumentationen. Ruft versionsspezifische Dokumentationen und Codebeispiele direkt aus Quell-Repositories in den LLM-Kontext.
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
99Offizielle GSAP-Skills für Claude, Cursor und andere KI-Agenten — Animationen, Timelines, ScrollTrigger, Plugins, Utilities, React und 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.