react-debugging

Debug React applications by inspecting components, props, and the component tree.

Without the extension, tools use best-effort DOM scanning which is less reliable.

コンポーネント、プロパティ、コンポーネント ツリーを検査して、React アプリケーションをデバッグします。ユーザーが React アプリをデバッグしている場合、コンポーネントの props/state を検査したい場合、どのコンポーネントが要素をレンダリングしているかを確認したい場合、または React コンポーネントの階層を理解したい場合に使用します。 ソース: serkan-ozal/browser-devtools-skills。

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