vue-best-practices

SKILL.md

| TypeScript | Props extraction, generic components, useTemplateRef, JSDoc, reactive props destructure | typescript.md | | Volar | IDE config, strictTemplates, CSS modules, directive comments, Volar 3.0 migration | volar.md | | Components | defineModel, deep watch, onWatcherCleanup, useId, deferred teleport | components.md |

| Tooling | moduleResolution, HMR SSR, duplicate plugin detection | tooling.md | | Testing | Pinia store mocking, setup stores, Vue Router typed params | testing.md |

TypeScript、vue-tsc、Volar、およびコンポーネント パターンに関する Vue 3 および Vue.js のベスト プラクティス。 TypeScript を使用した Vue 3 コンポーネントの作成、レビュー、リファクタリング、Volar/vueCompilerOptions の構成、コンポーネント タイプの抽出、defineModel/withDefaults の操作、Pinia ストア テストのセットアップ、または Vue ツールの問題のデバッグを行うときに使用します。 Vue コンポーネント、props 抽出、ラッパー コンポーネント、テンプレート タイプ チェック、strictTemplates、vueCompilerOptions、Volar 3、CSS モジュール、フォールスルー属性、defineModel、withDefaults、ディープ ウォッチ、vue-router 型付きパラメータ、Pinia モッキング、HMR SSR、moduleResolution バンドラー、useTemplateRef、onWatcherCleanup、useId、ジェネリック コンポーネント、リアクティブ プロパティの構造化でトリガーします。 ソース: ejirocodes/agent-skills。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ejirocodes/agent-skills --skill vue-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る