react-devtools
Installation
SKILL.md
React DevTools
Inspect running React apps. See actual props, state, hooks - not just source code.
When to Use
Use these tools when:
- User says "why doesn't this update" or "state is wrong"
- Behavior doesn't match what code suggests
- Need to verify actual runtime values
- Debugging performance / excessive renders
- Exploring unfamiliar React codebase
Don't use when:
- Bug is obvious from source (missing dep, typo)
- Just need to read/edit files
- No React app is running