react-devtools
Inspect and profile React Native component trees from agent-device. Use for React Native performance, profiling, props, state, hooks, render causes, slow components, excessive rerenders, or questions like why a component rerendered.
How do I install this agent skill?
npx skills add https://github.com/callstackincubator/agent-device --skill react-devtoolsIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill provides commands and instructions for using React DevTools within a React Native environment. It includes standard setup procedures and uses vendor-specific tools for profiling and inspecting component trees.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
react-devtools
Router for React Native internals. Private setup before using this skill:
agent-device --version
Require agent-device >= 0.14.0; older CLIs lack these help topics. If older, run npm install -g agent-device@latest, recheck, then continue. If you cannot upgrade, stop and tell the user. Do not include version/upgrade commands in final plans.
Read current CLI guidance:
agent-device help react-devtools
Use agent-device react-devtools ... for component tree, props, state, hooks, render ownership, performance profiling, slow components, or rerenders. Use normal agent-device commands for visible UI, refs, screenshots, logs, network, or device-level perf.
Keep reads bounded with --depth/find, treat @c refs as reload-local, and profile only the investigated interaction. Let help react-devtools provide exact command shapes, remote bridge ordering, pinned package details, and current workflow guidance.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/callstackincubator/agent-device/react-devtools">View react-devtools on skillZs</a>