vue-best-practices 是做什麼的？
必須用於 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 相關任務。強烈建議採用 Composition API 搭配 `<script setup>` 與 TypeScript 作為標準方法。涵蓋 Vue 3、SSR、Volar、vue-tsc。遇到任何 Vue、.vue 檔案、Vue Router、Pinia 或使用 Vue 的 Vite 專案時請載入。除非專案明確要求 Options API，否則一律使用 Composition API。
此技能為 Vue.js 開發任務提供最佳實務指南，強制要求使用 Composition API 與 `<script setup>` 語法糖，並搭配 TypeScript 以確保型別安全與現代化開發體驗。技能涵蓋 Vue 3、伺服器端渲染 (SSR)、Volar 工具鏈以及 vue-tsc 型別檢查，適用於 .vue 檔案、Vue Router、Pinia 狀態管理或基於 Vite 的 Vue 專案。其核心原則是：除非專案已有明確的 Options API 規範，否則開發者應一律採用 Composition API，以提升程式碼的可維護性與邏輯複用性。支援的平台包括 Claude Code、Cursor 等主流 AI 代理工具，可自動判斷並載入相關任務，減少手動配置的負擔。
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.