vue-jsx-best-practices 是做什麼的？
Vue 中 JSX 語法的最佳實踐（例如 class 與 className，JSX 插件配置）。
Vue 中 JSX 語法的最佳實踐（例如 class 與 className，JSX 插件配置）。
這個技能提供了在 Vue 專案中使用 JSX 語法的最佳實踐指南。它涵蓋了關鍵的語法差異，例如在 Vue 的 JSX 中應使用 `class` 而非 `className`，並說明如何正確配置 JSX 插件（如 `@vitejs/plugin-vue-jsx`）以啟用 JSX 支援。此技能適用於使用 Vue 3 + Vite 的開發者，幫助他們避免常見陷阱，並遵循 Vue 社群推薦的 JSX 撰寫慣例。透過遵循這些指引，開發者可以在享受 JSX 靈活性的同時，確保與 Vue 的反應式系統和模板語法相容。
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-jsx-best-practicesInstalled? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Vue 中 JSX 語法的最佳實踐（例如 class 與 className，JSX 插件配置）。
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.
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.