{"enrichment":{"faq":[{"a":"argent-metro-debugger enables you to debug React Native apps running on Metro by connecting via Chrome DevTools Protocol (CDP). The skill lets you inspect components, view console logs in real time, and trace execution flows. You can connect to your Metro bundler instance, examine the React component tree, and identify issues faster with deeper visibility into your app's runtime behavior.","q":"How do I debug a React Native app with Metro?"},{"a":"argent-metro-debugger allows you to inspect React component trees and trace elements to their source files on iOS simulators. Connect your simulator to the debugger, and you'll gain access to the component hierarchy, enabling you to examine props, state, and DOM structure. This helps you understand how your components render and interact.","q":"How can I inspect React components on an iOS simulator?"},{"a":"argent-metro-debugger works with Android emulators to provide comprehensive debugging for Metro-based React Native apps. You can inspect components, monitor console logs, and evaluate JavaScript expressions directly in the running app. The skill handles Metro connection setup and lets you diagnose runtime issues on your emulated Android device.","q":"What is the Metro debugger for Android emulator?"},{"a":"argent-metro-debugger connects to your JavaScript runtime using Chrome DevTools Protocol (CDP), enabling deep inspection and diagnostics. Once connected, you can evaluate JavaScript expressions, manage app lifecycle on connected devices, and access detailed runtime information. This approach works across Metro, Chromium, Electron, and other CDP-compatible environments.","q":"How do I connect to and diagnose a JS runtime via CDP?"},{"a":"Yes, argent-metro-debugger supports debugging Chromium and Electron applications via CDP, as well as Vega Fire TV apps. The skill's CDP connection capability extends beyond Metro to any environment that implements Chrome DevTools Protocol, giving you consistent debugging tools across multiple platforms and runtimes.","q":"Can argent-metro-debugger debug Electron and Chromium apps?"},{"a":"argent-metro-debugger equips you with powerful debugging capabilities for React Native applications built on Metro. Inspect component hierarchies, trace execution flows, and monitor console output in real time to identify and fix issues faster. It's perfect for developers who need deeper visibility into their Metro-based projects through component inspection and runtime diagnostics.","q":"What does argent-metro-debugger help me accomplish?"}],"shadow_tags":["runtime-inspection","component-hierarchy","cdp-protocol","cross-platform-debug","source-mapping","device-targeting","console-logging","tap-coordinate-detection","recovery-workflows"],"summary_rewrite":"This skill equips you with powerful debugging capabilities for React Native applications built on the Metro bundler. Inspect component hierarchies, trace execution flows, and monitor console output in real time to identify and fix issues faster. Perfect for developers who need deeper visibility into their Metro-based projects."},"files":[{"bytes":12276,"path":"packages/skills/skills/argent-metro-debugger/SKILL.md","sha256":"d66ec6ff974c01982e28642c6fbb2ccb8198e6f680c6131874f7519d0cc12703","url":"https://skillfed.io/files/software-mansion/argent/argent-metro-debugger/8d713955/SKILL.md"}],"id":"software-mansion/argent/argent-metro-debugger","links":{"html":"https://skillfed.io/software-mansion/argent/argent-metro-debugger","md":"https://skillfed.io/software-mansion/argent/argent-metro-debugger.md","repo":"https://github.com/software-mansion/argent"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":53,"language":"TypeScript","last_updated":"2026-07-27","license":"Apache-2.0","name":"argent-metro-debugger","publisher":"software-mansion","stars":1824},"relations":{"similar":[{"id":"software-mansion/argent/argent-tv-interact"},{"id":"software-mansion/argent/argent-react-native-app-workflow"},{"id":"software-mansion/argent/argent-test-ui-flow"},{"id":"software-mansion/argent/argent-device-interact"},{"id":"andreev-danila/skills/ios-mcp-routing"},{"id":"software-mansion/argent/argent-android-emulator-setup"},{"id":"AmazonAppDev/devices-agent-skills/vega-multi-tv-migration"},{"id":"cometchat/cometchat-skills/cometchat-native-calls"},{"id":"callstack/agent-device/agent-device"},{"id":"cometchat/cometchat-skills/cometchat-native-bare-patterns"}]},"slug":{"owner":"software-mansion","repo":"argent","skill":"argent-metro-debugger"},"version":"8d713955"}