This connects Claude to a running React or React Native app via the DevTools protocol and exposes the component tree, props, state, hooks, and profiling data in a parseable format. You'd reach for it when debugging why something re-renders too often, profiling slow interactions, or inspecting component state without littering your code with console.logs. The CLI gives you stable component labels like @c1, @c2 that persist across commands, so you can get the tree, find the culprit, then drill into its props and render history. One catch: if you're using it with agent-browser, you must run in headed mode because headless Chromium won't execute the connection script properly. The profiling workflow is solid for isolating expensive commits and tracking down what props or state triggered each render.
npx skills add https://github.com/callstackincubator/agent-react-devtools --skill react-devtools