Communityコーディング&開発github.com

vuejs-ai/vue-debug-guides

Vue 3のデバッグとエラーハンドリング:ランタイムエラー、警告、非同期障害、SSR/ハイドレーション問題に対応。Vueの問題を診断・修正する際に使用します。

vue-debug-guides とは?

このスキルは、Vue 3アプリケーション開発におけるデバッグとエラーハンドリングを包括的に支援します。ランタイムエラー、警告、非同期処理の失敗、SSR(サーバーサイドレンダリング)やハイドレーションに関する問題など、多岐にわたるエラーシナリオをカバーします。主にCLIベースのAIエージェント(Claude Codeなど)での使用を想定しており、開発者がVue関連のバグや異常動作を迅速に診断・修正するための指針を提供します。具体的なエラーメッセージの解析方法、コンポーネントツリーのデバッグ手法、非同期動作のトレース、SSR特有の問題への対処法などを、実践的なコード例付きで解説します。このスキルを活用することで、開発時間の短縮とアプリケーションの品質向上が期待できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vuejs-ai/skills/tree/main/skills/vue-debug-guides

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

vue-debug-guides は何をしますか?

Vue 3のデバッグとエラーハンドリング:ランタイムエラー、警告、非同期障害、SSR/ハイドレーション問題に対応。Vueの問題を診断・修正する際に使用します。

概要

このガイドは、Vue 3アプリケーションで発生する一般的なエラーや問題を効率的にデバッグし、解決するための手法を提供します。以下を含む問題に対応します:

  • ランタイムエラー
  • 警告
  • 非同期処理の失敗
  • SSRおよびハイドレーションの問題

使用シーン

Vueアプリケーションの開発中に予期しないエラーや挙動が発生した場合、このガイドを参照して問題を特定し、修正してください。

主な機能

  1. エラーの種類に応じた診断手順:各エラータイプに最適化されたトラブルシューティング手順を提供します。
  2. 具体的なコード例:実際のコードとその修正例を提示し、理解を深めます。
  3. ツールとの連携:Vue Devtoolsやブラウザのデベロッパーツールなど、一般的なデバッグツールの活用法も含みます。

貢献方法

このガイドはオープンソースで管理されています。改善提案や新しいデバッグ手法の追加は、GitHubリポジトリへのプルリクエストを通じて行ってください。


このガイドは、Vue 3の公式ドキュメントやコミュニティの知見に基づいています。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

関連スキル