debug:react-native
CommunityDiagnose and fix React Native issues quickly.
AuthorSnakeO
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a systematic, repeatable approach to diagnosing and fixing React Native issues that block mobile app development across iOS and Android.
Core Features & Use Cases
- Four-Phase Debugging Workflow: Information gathering, error classification, targeted resolution strategies, and verification.
- Platform Coverage: Applies to iOS and Android build errors, red screen crashes, Metro bundler failures, native module linking, and Hermes bytecode issues.
- Tooling Guidance: Recommends commands and checks (RN doctor, RN info, starting Metro, running builds) to quickly isolate root causes.
- Use Case: Imagine a failing RN app with a red screen and a Metro port conflict; follow the workflow to identify whether the issue is a mislinked native module or a cache problem, then apply the recommended fixes and re-test on both platforms.
Quick Start
Run the RN debugging workflow:
- Check environment health with npx react-native doctor
- Gather version and environment details with npx react-native info
- Verify bundler and cache with lsof -i :8081 and npx react-native start --reset-cache
- Build and run on iOS and Android with npx react-native run-ios and npx react-native run-android
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: debug:react-native Download link: https://github.com/SnakeO/claude-debug-and-refactor-skills-plugin/archive/main.zip#debug-react-native Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.