rn-debugging

Diagnose React Native debugging issues using CDP and native device logs.

10|1|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/Lykhoyda/rn-dev-agent --skill rn-debugging
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: rn-debugging
Source: https://github.com/Lykhoyda/rn-dev-agent/tree/main/packages/codex-plugin/skills/rn-debugging
Command: npx skills add https://github.com/Lykhoyda/rn-dev-agent --skill rn-debugging

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill addresses common debugging challenges in React Native applications, including error identification, CDP connection troubleshooting, and post-reload readiness.

Core Features & Use Cases

  • CDP Usage Guidance: Provides detailed instructions on diagnosing problems using the Chrome DevTools Protocol.
  • Error Identification: Offers a matrix to quickly locate the source of various errors and corresponding tools.
  • Connection Troubleshooting: Guides through common connection issues and their fixes.
  • Post-Reload Readiness: Ensures the application is ready for debugging after a reload.

Quick Start

Use the rn-debugging skill to check the status of the Metro bundler and React Native application using cdp_status.

Frequently Asked Questions about rn-debugging

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug React Native app errors using CDP?

Debug React Native app errors using CDP by checking the Metro bundler status and following detailed instructions to diagnose problems via the Chrome DevTools Protocol. It provides an error identification matrix to quickly locate the source of various errors and their corresponding tools.

Why does my React Native CDP connection fail after a reload?

React Native CDP connections often fail after a reload due to post-reload readiness issues. You can resolve this by following connection troubleshooting guidance to verify app status and ensure the application is fully ready for debugging.

What is the best way to identify React Native errors from native device logs?

The best way to identify React Native errors from native device logs is to use a structured error identification matrix. This approach quickly locates the source of various errors and maps them to the corresponding debugging tools for resolution.

Can I use bash tools to check React Native app status and troubleshoot issues?

Yes, you can use bash tools to check React Native app status and troubleshoot issues. By running status checks like cdp_status, you can diagnose and resolve debugging problems, identify common errors, and recover from debugging pitfalls.

How do I fix common React Native debugging pitfalls when the app is not working?

Fix common React Native debugging pitfalls when the app is not working by using native device logs and CDP connection troubleshooting. This process diagnoses errors, checks app status, and guides you through recovering from frequent debugging traps.