Argent Metro Debugger
Connects Claude to JavaScript runtimes through Chrome DevTools Protocol, primarily targeting React Native apps via Metro but also supporting Chromium-based apps. You get component tree inspection, element-level source tracing with tap coordinates, console log access, and runtime evaluation. The main workflow is debugger-status for diagnostics, component-tree for layout overview, inspect-element to trace UI back to source files. Android users need to remember adb reverse for Metro connectivity. The tool is opinionated about recovery patterns and explicitly warns about output size when inspecting deep component hierarchies. If you're debugging RN layout or chasing down which component rendered what, this is the direct path to answers.
- skills.sh installs
- 29.9K
- GitHub stars
- 3.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add software-mansion/argent --skill argent-metro-debugger --agent claude-codeInstalls into .claude/skills of the current project.
Files
1. Prerequisites
Physical iPhone: not supported; every debugger-* tool rejects kind: "device".
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/software-mansion/argent
- Categories
- Frontend Development, Debugging, Automation & Workflows, Mobile Development
- First seen
- Jul 14, 2026
More from software-mansion/argent
All 14- Argent Native Profiler29.9K
- Argent Screenshot Diff28.6K
- Argent Lens26.1K
- Argent Create Flow25.5K
- Argent Tv Interact24.5K
- Argent Vega656
- Argent Android Emulator Setup30.3K
- Argent React Native Optimization30.2K
- Argent Ios Simulator Setup30.1K
- Argent Device Interact30.1K
- Argent React Native App Workflow30K
- Argent React Native Profiler30K
- Argent Test Ui Flow29.9K
Recommended
More Frontend Development
transitions-devjakubantalik/transitions.devProduction-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, numb24.5Kskills.sh installs
piniaantfu/skillsPinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patte20.3Kskills.sh installs
fireworks-tech-graphyizhiyanhua-ai/fireworks-tech-graphCreate technical diagrams such as software architecture, data flow, flowcharts, sequence diagrams, C4 reviews, cloud deployments, event streams, observability i18.3Kskills.sh installs
here-nowheredotnow/skillhere.now lets agents publish websites and files to live URLs in seconds. Publish HTML, documents, images, PDFs, videos, and static files to live URLs at {slug}.17.9Kskills.sh installs
design-system-patternswshobson/agentsBuild scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing the16.7Kskills.sh installs
clerk-tanstack-patternsclerk/skillsTanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, crea16.1Kskills.sh installs