Skip to content

debug-screen

Diagnose why the current screen is broken, showing unexpected content, or crashing. Gathers evidence from all layers in parallel and applies a targeted fix.

/rn-dev-agent:debug-screen

No arguments needed. The agent gathers its own evidence from the running app.

StepWhat happens
1Screenshot — capture current screen state immediately
2Parallel evidence gathering — simultaneously read error log, console, network log, and component tree
3Error type identification — route to the right investigation path (JS error, native crash, data mismatch, navigation issue)
4Root cause narrowing — read source files, check store state, inspect native logs
5Fix — apply minimal targeted fix, wait for Fast Refresh
6Verify recovery — confirm error is gone, re-run the failing action
  • The screen is blank or white with no RedBox
  • There is a RedBox or LogBox error showing
  • The UI shows wrong data or is in an unexpected state
  • The app is frozen or unresponsive
  • A network request is failing
  • Navigation went to the wrong screen

Just run the command while the broken state is visible on the simulator.