debug:react
✓React の問題を体系的にデバッグします。 「未定義のプロパティを読み取れません」、「再レンダリングが多すぎる」による無限の再レンダリング ループ、フック内の古いクロージャ、キー プロパティの警告、useEffect によるメモリ リーク、SSR/SSG アプリケーションのハイドレーションの不一致、フック ルール違反、依存関係の欠落に関する警告、またはパフォーマンスのボトルネックなどのコンポーネント エラーが発生した場合に使用します。機能コンポーネント、フック、およびサーバー コンポーネントと同時機能を含む最新の React 18/19 パターンをカバーします。
SKILL.md
A systematic approach to debugging React applications, covering common error patterns, modern debugging tools, and step-by-step resolution strategies.
"Cannot read property of undefined" / "TypeError: X is undefined"
Cause: State updates triggering renders that trigger more state updates.
React の問題を体系的にデバッグします。 「未定義のプロパティを読み取れません」、「再レンダリングが多すぎる」による無限の再レンダリング ループ、フック内の古いクロージャ、キー プロパティの警告、useEffect によるメモリ リーク、SSR/SSG アプリケーションのハイドレーションの不一致、フック ルール違反、依存関係の欠落に関する警告、またはパフォーマンスのボトルネックなどのコンポーネント エラーが発生した場合に使用します。機能コンポーネント、フック、およびサーバー コンポーネントと同時機能を含む最新の React 18/19 パターンをカバーします。 ソース: snakeo/claude-debug-and-refactor-skills-plugin。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-06
- 更新日
- 2026-02-18
クイックアンサー
debug:react とは？
React の問題を体系的にデバッグします。 「未定義のプロパティを読み取れません」、「再レンダリングが多すぎる」による無限の再レンダリング ループ、フック内の古いクロージャ、キー プロパティの警告、useEffect によるメモリ リーク、SSR/SSG アプリケーションのハイドレーションの不一致、フック ルール違反、依存関係の欠落に関する警告、またはパフォーマンスのボトルネックなどのコンポーネント エラーが発生した場合に使用します。機能コンポーネント、フック、およびサーバー コンポーネントと同時機能を含む最新の React 18/19 パターンをカバーします。 ソース: snakeo/claude-debug-and-refactor-skills-plugin。
debug:react のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-06