Vue.js 작업에 반드시 사용해야 합니다. Composition API와 `<script setup>` 및 TypeScript를 표준 접근 방식으로 강력히 권장합니다. Vue 3, SSR, Volar, vue-tsc를 다룹니다. Vue, .vue 파일, Vue Router, Pinia 또는 Vue를 포함한 Vite 작업 시 로드하세요. 프로젝트에서 명시적으로 Options API를 요구하지 않는 한 항상 Composition API를 사용하세요.
이 스킬은 Vue.js 프로젝트에서 일관된 코드 품질과 모범 사례를 보장하기 위한 전문 가이드 역할을 합니다. 주로 Claude Code, Cursor, Codex와 같은 AI 에이전트에서 Vue 관련 작업을 처리할 때 사용됩니다. 스킬의 핵심 권장 사항은 Composition API를 `<script setup>` 및 TypeScript와 함께 사용하는 것이며, 이는 Vue 3의 현대적인 개발 패러다임에 부합합니다. 또한 SSR, Volar 확장, vue-tsc 타입 검사 도구도 다룹니다. 작업자가 Vue, .vue 파일, Vue Router, Pinia 상태 관리 또는 Vue 플러그인이 포함된 Vite 설정을 접할 때마다 이 스킬이 로드됩니다. 프로젝트에서 명시적으로 요구하지 않는 한 Options API는 사용하지 않으며, 이는 Vue 에코시스템의 최신 권장 사항을 반영합니다. 개발자와 AI 모두에게 일관된 Vue.js 개발 경험을 제공합니다.
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-best-practicesInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Vue.js 작업에는 반드시 사용해야 합니다. Composition API와 <script setup> 및 TypeScript를 표준 접근 방식으로 강력히 권장합니다. Vue 3, SSR, Volar, vue-tsc를 다룹니다. Vue, .vue 파일, Vue Router, Pinia 또는 Vue를 포함한 Vite 작업 시 로드하세요. 프로젝트에서 명시적으로 Options API를 요구하지 않는 한 항상 Composition 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.