mobile-debugging

Debug React Native and Expo apps with React DevTools, Flipper, and Chrome DevTools.

156|21|Updated Oct 25, 2025

Search Tags:#debugging #devtools #network #react-native #expo #flipper

Ready to run

npx skills add https://github.com/anton-abyzov/specweave --skill mobile-debugging-anton-abyzov

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mobile-debugging
Source: https://github.com/anton-abyzov/specweave/tree/main/plugins/specweave-mobile/skills/mobile-debugging
Command: npx skills add https://github.com/anton-abyzov/specweave --skill mobile-debugging-anton-abyzov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Expertise in debugging mobile apps, including React DevTools, Flipper, Chrome DevTools, network debugging, and crash analysis.

Core Features & Use Cases

Device/emulator debugging workflows with Flipper and React DevTools
Network inspection, crash analysis, and error boundaries
Debugging native modules and remote debugging workflows

Quick Start

Attach a device and start a debugging session with the preferred debugging toolchain.

Frequently Asked Questions about mobile-debugging

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

FAQPage Schema

How do I debug a React Native app with Flipper?▼

Flipper is a desktop debugging platform that inspects React Native apps on connected devices or emulators. Launch your app, open Flipper, select your device, and use plugins to view logs, inspect the network layer, and monitor performance. It integrates with both iOS and Android without additional setup beyond installing the Flipper dependency.

Can I debug network requests in my Expo app?▼

Yes, network request debugging in Expo apps works through Flipper's network inspector or Chrome DevTools. Both tools intercept and display HTTP/HTTPS traffic, request headers, response payloads, and timing data. Flipper offers a more native experience on iOS and Android; Chrome DevTools works through remote debugging.

What's the best way to debug crashes in React Native?▼

Crash analysis combines multiple tools: React DevTools and Chrome DevTools capture runtime errors and stack traces, Flipper displays native crash logs from iOS and Android, and error boundaries catch component failures before they crash the app. Use structured logging and crash reporting to correlate events leading to the crash.

How do I set breakpoints and step through code in a React Native app?▼

Breakpoint management happens through Chrome DevTools remote debugging. Connect your device, open the debugger, set breakpoints in source files, and step through execution. React Native supports source maps for debugging transpiled code; pause execution to inspect variable state and call stacks.

Can I debug native modules in React Native with these tools?▼

Native module troubleshooting combines JavaScript-side debugging through React DevTools and Chrome DevTools with platform-specific tools. Use Xcode's debugger for iOS native code and Android Studio's debugger for Android. Flipper's native logs help surface errors from the native layer before they propagate to JavaScript.

Does remote debugging work for both iOS and Android?▼

Remote debugging workflows are supported on both iOS and Android through Chrome DevTools and Flipper. Chrome DevTools uses a network bridge for remote inspection; Flipper communicates directly with connected devices or emulators. Both approaches enable debugging without modifying your app's code.