Vue

nuxt4-patterns ist ein Nuxt-4-Skill für Hydration-Sicherheit, Route Rules, Lazy Loading und SSR-sicheres Data Fetching. Verwende den nuxt4-patterns Skill, um bessere Frontend-Entscheidungen zu treffen, Mismatches zu reduzieren und für jede Seite oder Komponente das passende Pattern anzuwenden.

ui-ux-pro-max ist eine umfassende KI-Unterstützung für UI/UX-Design. Die Skill bietet strukturierte Empfehlungen zu Layouts, Stilen, Farbsystemen, Typografie und UX-Regeln für Web- und Mobile-Projekte. Ideal für Entwickler und Teams, die praxisnahe Designentscheidungen für React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter und HTML/CSS treffen möchten. Perfekt zum Planen, Überprüfen und Optimieren von UIs mit kuratiertem Designwissen.

Die Skill web-component-design unterstützt Teams beim Entwurf wiederverwendbarer UI-Komponenten für React, Vue und Svelte – mit starken API-Mustern, Hinweisen zur Barrierefreiheit und Referenzen zu Styling-Abwägungen für Designsysteme.

Der vue Skill unterstützt bei der Codegenerierung für Vue 3 mit Composition API, `<script setup lang="ts">`, Makros, Reaktivität und integrierten Komponenten. Nutze ihn für Installationshinweise und bessere Vue-Nutzung in SFCs, `defineProps`, `defineEmits`, `defineModel`, Watchern, `Transition`, `Teleport`, `Suspense` und `KeepAlive`.

gsap-frameworks ist das GSAP-Skill für Vue, Nuxt, Svelte, SvelteKit und andere Nicht-React-Frameworks. Es behandelt lifecycle-sichere Einrichtung von Animationen, scoped Selektoren und Cleanup beim Unmount, damit Komponentenanimationen in der Frontend-Entwicklung korrekt funktionieren.

Das gsap-core-Skill ist der offizielle GSAP-Leitfaden für die Nutzung der Kern-Animations-API, einschließlich `gsap.to()`, `from()`, `fromTo()`, Easing, Stagger, Defaults und responsiver Bewegung. Verwenden Sie es für gsap-core in Vanilla JS, React, Vue, Svelte, DOM-, SVG- und UI-Design-Workflows – besonders dann, wenn Sie einen verlässlichen gsap-core-Leitfaden benötigen.

vue-router-best-practices ist ein fokussierter Leitfaden für Vue Router 4, der bei Navigations-Guards, Route-Param-Updates, veraltetem Komponentenstatus, Redirect-Schleifen und überholten `next()`-Mustern in Frontend-Apps hilft.

vue-pinia-best-practices hilft Vue-3-Teams, Pinia sicher einzusetzen – mit klaren Empfehlungen zu Installationszeitpunkten, `storeToRefs`, Rückgaben in Setup-Stores sowie zur Entscheidung zwischen URL- und Store-State.

vue-options-api-best-practices unterstützt Frontend-Teams dabei, Best Practices für die Vue 3 Options API umzusetzen, Fehler bei `this`-Binding und Lifecycle-Hooks zu beheben und die TypeScript-Typisierung für Props, computed values, Events und die Nutzung von inject zu verbessern, ohne zur Composition API wechseln zu müssen.

vue-jsx-best-practices unterstützt Frontend-Entwickler dabei, idiomatisches Vue JSX und TSX zu schreiben, indem React-typische Attribute wie className und htmlFor durch Vue-konforme HTML-Attribute ersetzt werden.

vue-best-practices ist ein Vue-3-Skill für Codegenerierung, Reviews und Refactoring. Er lenkt Agents in Richtung Composition API, `<script setup lang="ts">`, explizitem Datenfluss, SSR-tauglichen Entscheidungen und zentralen Referenzen zu Reaktivität, SFCs, Composables, Router, Pinia und Vite-basierten Apps.

vue-debug-guides ist ein Skill für Vue-3-Debugging, der Runtime-Fehler, Warnungen, Ausfälle asynchroner Komponenten, Reaktivitätsprobleme sowie SSR- oder Hydration-Mismatches mit gezielten, referenzbasierten Lösungshinweisen diagnostiziert.

create-adaptable-composable unterstützt Entwickler:innen mit Vue 3 und Nuxt 3 dabei, wiederverwendbare Composables zu entwerfen, die einfache Werte, refs, computed values und Getter akzeptieren. Im Fokus steht die passende Wahl von MaybeRef oder MaybeRefOrGetter sowie die Normalisierung mit toValue() oder toRef() innerhalb von watch() oder watchEffect(), damit die Reaktivität vorhersehbar bleibt.

Leitfaden für netlify-forms zur HTML-Formularverarbeitung auf Netlify. Damit lassen sich Kontaktformulare, Feedback-Formulare, Datei-Uploads, Spamfilterung, AJAX-Übermittlungen und eine eigene Danke-Seite hinzufügen – ganz ohne serverseitigen Code. Hilfreich für Backend-Development-Workflows und JS-gerenderte Apps, die eine Erkennung von Formularen zur Build-Zeit benötigen.