DEBE usarse para tareas de Vue.js. Recomienda enfáticamente la Composition API con `<script setup>` y TypeScript como enfoque estándar. Cubre Vue 3, SSR, Volar, vue-tsc. Cargar para cualquier trabajo con Vue, archivos .vue, Vue Router, Pinia o Vite con Vue. Usa SIEMPRE la Composition API a menos que el proyecto requiera explícitamente la Options API.
Este skill está diseñado para desarrolladores y agentes de IA que trabajan con Vue.js, especialmente en entornos modernos. Su propósito principal es garantizar que todas las tareas relacionadas con Vue sigan las mejores prácticas actuales, promoviendo el uso de la Composition API con `<script setup>` y TypeScript como estándar. Esto asegura consistencia, tipo seguro y un código más mantenible en proyectos Vue 3, SSR, con herramientas como Volar (extensión de VS Code) y vue-tsc (verificación de tipos en tiempo de compilación). Además, se activa automáticamente al trabajar con archivos .vue, Vue Router, Pinia (gestor de estado) o Vite con soporte Vue. Es útil porque evita errores comunes y alinea el código con las recomendaciones oficiales de la comunidad Vue, mejorando la eficiencia del desarrollo. La regla principal es usar siempre la Composition API, a menos que el proyecto especifique explícitamente la Options API, lo que permite flexibilidad cuando sea necesario.
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-best-practicesInstalled? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
DEBE usarse para tareas de Vue.js. Recomienda enfáticamente la Composition API con <script setup> y TypeScript como enfoque estándar. Cubre Vue 3, SSR, Volar, vue-tsc. Cargar para cualquier trabajo con Vue, archivos .vue, Vue Router, Pinia o Vite con Vue. Usa SIEMPRE la Composition API a menos que el proyecto requiera explícitamente la Options API.
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.