What is the 'Nuclear Option' mentioned in the guide?

It is a comprehensive clean-up sequence that deletes node_modules, clears Metro and Watchman caches, and purges iOS/Android build folders to resolve deep-seated environment corruption.

Can this skill help with React Native New Architecture issues?

Yes, it specifically includes patterns for diagnosing TurboModules and Fabric renderer migration issues.

Does this skill support M1/M2 Apple Silicon troubleshooting?

Yes, it provides specific commands for handling Rosetta architecture issues and CocoaPods installation failures on modern Macs.

How does it assist with Android-specific build errors?

It provides commands for Gradle cleaning, SDK path verification, license acceptance, and logcat filtering to find native Java/Kotlin crashes.

React Native Debugger

Name: React Native Debugger
Author: SnakeO

bySnakeO

0•

Mobile Development

Diagnoses and resolves complex React Native issues across JavaScript, native modules, and platform-specific build systems.

The React Native Debugger skill provides a systematic four-phase framework to identify, diagnose, and resolve mobile development bottlenecks efficiently. It addresses common pain points including Metro bundler conflicts, 'Red Screen' fatal errors, native module linking failures, and platform-specific build issues in Xcode and Gradle. Whether you are troubleshooting Hermes engine bytecode failures or navigating the complexities of the New Architecture with TurboModules, this skill offers actionable diagnostic commands and clean-up strategies to get your app running again.

主な機能

01Systematic four-phase debugging workflow from information gathering to verification.

02Diagnostic command generation for environment health checks and Metro bundler status.

03Standardized 'Nuclear Option' scripts to clear stale caches across all development layers.

04Procedures for resolving 'Native module cannot be null' and bridge communication errors.

05Comprehensive coverage of platform-specific build failures for iOS CocoaPods and Android Gradle.

060 GitHub stars

ユースケース

01Resolving persistent Metro bundler connection issues and port conflicts.

02Troubleshooting failed iOS or Android builds caused by cache corruption or SDK mismatches.

03Fixing native module linking errors after adding or updating dependencies.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add snakeo/claude-debug-and-refactor-skills-plugin debug-react-native

For use in Claude.ai and ChatGPT

主な機能

01Systematic four-phase debugging workflow from information gathering to verification.

02Diagnostic command generation for environment health checks and Metro bundler status.

03Standardized 'Nuclear Option' scripts to clear stale caches across all development layers.

04Procedures for resolving 'Native module cannot be null' and bridge communication errors.

05Comprehensive coverage of platform-specific build failures for iOS CocoaPods and Android Gradle.

060 GitHub stars

ユースケース

01Resolving persistent Metro bundler connection issues and port conflicts.

02Troubleshooting failed iOS or Android builds caused by cache corruption or SDK mismatches.

03Fixing native module linking errors after adding or updating dependencies.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add snakeo/claude-debug-and-refactor-skills-plugin debug-react-native

For use in Claude.ai and ChatGPT