CommunityCodierung & Entwicklunggithub.com

vuejs-ai/create-adaptable-composable

Erstelle eine bibliothekstaugliche Vue-Composable, die möglicherweise reaktive Eingaben (MaybeRef / MaybeRefOrGetter) akzeptiert, sodass Aufrufer einen einfachen Wert, einen Ref oder einen Getter übergeben können. Normalisiere Eingaben mit toValue()/toRef() in reaktiven Effekten (watch/watchEffect), um das Verhalten vorhersagbar und reaktiv zu halten. Verwende diese Fähigkeit, wenn der Benutzer nach der Erstellung anpassbarer oder wiederverwendbarer Composables fragt.

Was ist create-adaptable-composable?

Diese Fähigkeit ermöglicht es dir, eine professionelle Vue-Composable-Funktion zu erstellen, die flexibel mit verschiedenen reaktiven Eingabetypen umgeht. Sie unterstützt die Typen MaybeRef und MaybeRefOrGetter, sodass Entwickler sowohl einfache Werte als auch Vue-Refs oder Getter-Funktionen übergeben können. Die implementierte Composable normalisiert die Eingaben konsistent mithilfe der Vue-Utility-Funktionen toValue() und toRef(), um in reaktiven Kontexten wie watch() oder watchEffect() ein vorhersagbares und reaktives Verhalten sicherzustellen. Dies ist besonders nützlich für die Entwicklung von Bibliotheken oder wiederverwendbaren Komponenten, bei denen eine hohe Flexibilität bei den Eingabeparametern gefordert ist. Die Fähigkeit ist für alle gängigen Vue-Entwicklungsumgebungen wie Claude Code, Cursor und Codex geeignet und generiert automatisch den vollständigen Quellcode inklusive korrekter TypeScript-Typdefinitionen und Best Practices, wie sie in professionellen Vue-Projekten üblich sind.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/vuejs-ai/skills/tree/main/skills/create-adaptable-composable

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht create-adaptable-composable?

Erstellen Sie eine bibliotheksreife Vue-Composable, die möglicherweise reaktive Eingaben (MaybeRef / MaybeRefOrGetter) akzeptiert, sodass Aufrufer einen einfachen Wert, eine ref oder einen Getter übergeben können. Normalisieren Sie Eingaben mit toValue()/toRef() innerhalb reaktiver Effekte (watch/watchEffect), um das Verhalten vorhersagbar und reaktiv zu halten. Verwenden Sie diese Fähigkeit, wenn der Benutzer nach der Erstellung anpassbarer oder wiederverwendbarer Composables fragt.

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

vuejs-ai/vue-debug-guides

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

vuejs-ai/vue-development-guides

A collection of best practices and tips for developing applications using Vue.js. This skill MUST be apply when developing, refactoring or reviewing Vue.js or Nuxt projects.

vuejs-ai/vue-jsx-best-practices

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

vuejs-ai/vue-options-api-best-practices

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

vuejs-ai/vue-pinia-best-practices

Pinia stores, state management patterns, store setup, and reactivity with stores.

Verwandte Skills

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More Codierung & Entwicklung skills