¿Qué hace vue-testing-mejores-prácticas?
Utilizado para pruebas en Vue.js. Cubre Vitest, Vue Test Utils, pruebas de componentes, mocking, patrones de prueba y Playwright para pruebas E2E.
Utilizado para pruebas en Vue.js. Cubre Vitest, Vue Test Utils, pruebas de componentes, mocking, patrones de prueba y Playwright para pruebas E2E.
Este skill, `hyf0/vue-testing-best-practices`, está diseñado específicamente para desarrolladores que trabajan con Vue.js y necesitan implementar pruebas unitarias, de componentes y de extremo a extremo (E2E) de manera eficiente. Proporciona una guía completa sobre las mejores prácticas de testing en el ecosistema Vue, abarcando herramientas esenciales como Vitest, un corredor de pruebas ultrarrápido, y Vue Test Utils, la librería oficial para montar y manipular componentes de Vue en un entorno de prueba. Además, el skill incluye estrategias avanzadas de mocking para simular dependencias, patrones de prueba reutilizables y recomendaciones para integrar Playwright en pruebas E2E. Es compatible con los agentes de IA que siguen el protocolo estándar de skills, como Claude Code, y su utilidad radica en ahorrar tiempo y reducir errores al adoptar metodologías probadas, permitiendo a los desarrolladores enfocarse en escribir código de calidad con confianza.
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-testing-best-practicesInstalled? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Utilizado para pruebas en Vue.js. Cubre Vitest, Vue Test Utils, pruebas de componentes, mocking, patrones de prueba y Playwright para pruebas E2E.
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.
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
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.
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.