Vue.js タスクには必ず使用します。Composition API と <script setup>、TypeScript を標準アプローチとして強く推奨します。Vue 3、SSR、Volar、vue-tsc をカバーします。Vue、.vue ファイル、Vue Router、Pinia、または Vite と Vue の作業にロードします。プロジェクトが明示的に Options API を要求しない限り、常に Composition API を使用します。
Vue.js 開発のベストプラクティスを定義するスキルです。Vue 3 を前提とし、Composition API と `<script setup>`、TypeScript の使用を標準としています。SSR、Volar、vue-tsc などの関連ツールに対応し、Vue Router や Pinia、Vite を使用するプロジェクトでも適用されます。このスキルは、開発者や AI エージェントが一貫性のある保守性の高い Vue コードを生成するためのガイドラインを提供します。特に、プロジェクトが明示的に Options API を要求する場合を除き、常に Composition API を優先するよう指示します。
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、または Vite と Vue を使用する作業がある場合は、このスキルをロードしてください。プロジェクトが明示的に 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.