React Native Debugging Skill

Overview

The React Native Debugging skill helps you iteratively debug and fix React Native apps in your project, specifically for @apps/{app-name}/. This skill handles both Jest test failures and Metro bundler runtime errors, with special focus on the code vs test validation problem - tests may become outdated while code is correct, or vice versa.

Critical Design Principles

1. Interactive Approach: Present findings and offer choices rather than auto-fixing everything
2. Code vs Test Validation: Intelligently determine whether code or test is wrong
3. Automation Where Safe: Auto-clear Metro cache, auto-rebuild libraries
4. Confirmation for Changes: Always confirm before modifying test files
5. Platform Separation First: Validate client/server import rules immediately

Debugging Entry Points

This skill has two primary entry points: