See what your React app renders and why.
React debugging
Inspects and profiles running React or React Native apps to diagnose runtime behavior and performance problems.
When to use it
Use for React runtime debugging, component inspection, render-performance diagnosis, and re-render profiling.
Give it a runtime debugging goal in a React project; it inspects or profiles the running app and fixes the issue or explains its findings.
What you provide
This skill
running React or React Native app
Reads your running app state
agent-react-devtools daemon
Starts a background DevTools daemon
The agent-react-devtools CLI must be available to check connections, inspect components, and profile renders.
A running React or React Native development app must connect to the DevTools daemon.