The skills for vue

Commonly used skills for vue development

Admin7 Skills0 GitHub-URLs
INSTALL

Stapelinstallation

Open the batch installer for this collection and generate commands only when you need them.

Skills

Veröffentlichte Skills und validierte GitHub-Skill-Quellen in dieser Sammlung.
V
vue-best-practices

von vuejs-ai

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.

Frontend Development
Favoriten 0GitHub 2.1k
V
vue-debug-guides

von vuejs-ai

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.

Debugging
Favoriten 0GitHub 2.1k
V
vue-jsx-best-practices

von vuejs-ai

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.

Frontend Development
Favoriten 0GitHub 2.1k
V
vue-options-api-best-practices

von vuejs-ai

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.

Frontend Development
Favoriten 0GitHub 2.1k
V
vue-pinia-best-practices

von vuejs-ai

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.

Frontend Development
Favoriten 0GitHub 2.1k
V
vue-router-best-practices

von vuejs-ai

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.

Frontend Development
Favoriten 0GitHub 2.1k
A
vue

von antfu

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`.

Frontend Development
Favoriten 0GitHub 4.4k

So verwendest du sie

Markdown-Anleitung für die Nutzung dieser Sammlung.
# Vue Skills Collection

## Site Skills

- **vue-router-best-practices** (vuejs-ai)  
  A focused Vue Router 4 guide for handling navigation guards, route updates, redirect loops, and deprecated patterns.

- **vue-pinia-best-practices** (vuejs-ai)  
  Best practices for using Pinia in Vue 3, covering store setup, reactivity, and state management decisions.

- **vue-options-api-best-practices** (vuejs-ai)  
  A guide to writing robust Vue 3 Options API code with correct lifecycle usage, typing, and this-binding.

- **vue-jsx-best-practices** (vuejs-ai)  
  Helps developers write idiomatic Vue JSX/TSX by avoiding React-style patterns and using Vue-native syntax.

- **vue-debug-guides** (vuejs-ai)  
  A debugging skill for diagnosing Vue 3 runtime issues, reactivity bugs, async failures, and SSR mismatches.

- **vue-best-practices** (vuejs-ai)  
  A comprehensive Vue 3 guide for code generation, review, and refactoring with modern best practices.