How to install react-devtools
npx skills add https://github.com/callstackincubator/agent-device --skill react-devtoolsFull instructions (SKILL.md)
Source of truth, from callstackincubator/agent-device.
name: react-devtools description: 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.
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.
Related skills
More from callstackincubator/agent-device and the wider catalog.
agent-device
Automates Apple-platform apps (iOS, tvOS, macOS) and Android devices. Use when navigating apps, taking snapshots/screenshots, tapping, typing, scrolling, extracting UI info, collecting logs/network/perf evidence, or planning agent-device CLI commands.
dogfood
Systematically explore and test a mobile app on iOS/Android with agent-device to find bugs, UX issues, and other problems. Use when asked to dogfood, QA, exploratory test, find issues, bug hunt, or test this app on mobile.