mcpField
V
vue-best-practices

vue-best-practices

github.com/frankiglesias開発0187 回インストール36 週間前に更新
リポジトリ

vue-best-practices について

Vue Best Practicesは、本番アプリでよく見られるVue 3のアンチパターンに対処するためのルールスキルです。コーディングエージェントに、関連ルールの選択、小規模な修正、動作や品質チェックの実施を促します。

主な機能

  1. 01Vue 3アンチパターンの指針
  2. 02問題に応じたルール選択
  3. 03段階的で安全な変更
  4. 04プロジェクトの状態管理方式の尊重
  5. 05lint・テスト・ビルドの確認

活用シーン

  1. 01よくあるVue 3アンチパターンの修正
  2. 02リポジトリルールに沿ったコード確認
  3. 03本番修正の変更範囲の抑制

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/frankiglesias/vue-best-practices --skill vue-best-practices

インストール後、Claude Code で/vue-best-practicesを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

AGENTS.md
rules/
avoid-any-in-public-component-apis.md
avoid-deep-watchers.md
avoid-fetch-in-mounted.md
avoid-global-component-registration.md
avoid-importing-vue-compiler-macros.md
avoid-mutable-singletons.md
avoid-mutating-props.md
cancel-stale-requests.md
cleanup-side-effects.md
defer-third-party-scripts.md
follow-eslint-format-contract.md
guard-browser-apis-on-server.md
handle-optional-data-safely.md
isolate-direct-dom-access.md
lazy-load-routes-and-heavy-components.md
move-data-logic-to-composables.md
prefer-computed-for-derived-state.md
prefer-tree-shakable-imports.md
prevent-hydration-mismatch.md
prevent-request-waterfalls.md
split-large-reactive-objects.md
stabilize-v-for-keys.md
type-composables-and-emits.md
use-onerrorcaptured-boundaries.md

詳細

Vue のベストプラクティス

このスキルは、本番アプリでよくある Vue 3 のアンチパターンを修正する際のルールブックとして使用してください。

ワークフロー

  1. AGENTS.md を開きます。
  2. rules/ から関連するルールファイルのみを選択します。
  3. 問題を解決するために、安全な最小限の変更を適用します。
  4. 動作を再確認し、プロジェクトの lint、テスト、ビルドのチェックを実行します。

リポジトリのガードレール

  • <script setup lang="ts"> を使用した Vue 3 Composition API を使用します。
  • プロジェクトですでに使用されている状態管理パターン（Vuex、Pinia など）に従います。
  • 新しいグローバルコンポーネントを作成しないでください。
  • ユーザーから明示的に求められない限り、コメントを追加しないでください。
  • Vue のコンパイラーマクロ（defineProps、defineEmits、defineExpose、withDefaults）を vue からインポートしないでください。
  • このリポジトリの ESLint のデフォルトスタイルに合わせます。セミコロン、シングルクォート、複数行の場合の末尾のカンマ、2スペースのインデントを使用します。

出力に関する要件

  • どのルールを適用し、その理由を説明してください。
  • その場しのぎのコンポーネントロジックより、コンポーザブルと純粋なユーティリティを優先してください。
  • 変更は段階的に行い、依頼がない限り大規模な書き換えは避けてください。

コメント

Markdown 対応