À utiliser impérativement pour les tâches Vue.js. Recommande fortement l'API Composition avec `<script setup>` et TypeScript comme approche standard. Couvre Vue 3, SSR, Volar, vue-tsc. Charge pour tout fichier Vue, .vue, Vue Router, Pinia ou Vite avec Vue. Toujours utiliser l'API Composition sauf si le projet exige explicitement l'API Options.
Ce skill est conçu pour les agents IA travaillant sur des projets Vue.js. Il impose l'utilisation de l'API Composition avec `<script setup>` et TypeScript comme norme, garantissant des pratiques modernes et cohérentes. Il couvre l'écosystème Vue 3, y compris le rendu côté serveur (SSR), Volar pour l'éditeur, et vue-tsc pour la vérification de type. Le skill doit être chargé dès qu'un fichier .vue, Vue Router, Pinia ou un projet Vite avec Vue est détecté. Il n'utilise l'API Options que si le projet le spécifie explicitement, ce qui évite les décisions ambiguës et aligne le code sur les recommandations officielles de Vue.
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-best-practicesInstalled? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
À utiliser impérativement pour les tâches Vue.js. Recommande fortement l'API Composition avec <script setup> et TypeScript comme approche standard. Couvre Vue 3, SSR, Volar, vue-tsc. Charge pour tout fichier Vue, .vue, Vue Router, Pinia ou Vite avec Vue. Toujours utiliser l'API Composition sauf si le projet exige explicitement l'API Options.
This repo contains 7 individual skills — each has its own dedicated page.
Create 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.
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.
Pinia stores, state management patterns, store setup, and reactivity with stores.
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.