React Devtools
callstackincubator/agent-react-devtoolsA tool that helps you debug React and React Native apps while they run. You can inspect the component tree and look at props, state, and hooks. It works by connecting to your app through a simple command line tool.
It also helps you profile your app to find slow components and understand why things re-render. You can see which parts take the most time and how many times each component re-renders. This makes fixing performance problems easier.
The tool runs as a background daemon and listens for commands. You type short commands like inspect, find, or profile to get answers fast. It is built for AI agents but anyone can use it to debug their React UI.
Add React Devtools skill to your workflow
Global
mkdir -p ~/.claude/skills/react-devtoolsProject
mkdir -p .claude/skills/react-devtoolsSource Repository
More Debugging Claude Code Skills
Azure Diagnosticsmicrosoft/azure-skills
Debug Azure production issues with systematic diagnostics and AI-powered tools
Azure Messagingmicrosoft/azure-skills
Troubleshoot and fix Azure messaging SDK errors for Event Hubs and Service Bus
Use My Browserxixu-me/skills
Work inside your live browser session for real page inspection and debugging
Diagnosemattpocock/skills
A step-by-step debug loop for finding and fixing hard bugs
Systematic Debuggingobra/superpowers
Find the root cause of every bug before attempting any fix to save time
Safe Debuglllllllama/rigorpilot-skills
Debug deep learning failures safely with conservative diagnosis and minimal patches
Firebase Crashlyticsfirebase/agent-skills
Set up crash reporting for your Android or iOS app with ease
Python Performance Optimizationwshobson/agents
Profile and optimize Python code to find and fix performance bottlenecks quickly