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.
npx -y skills add software-mansion/argent --skill argent-metro-debugger --agent claude-codeInstalls into .claude/skills of the current project.
Select a file.
JamieMason/syncpack
awslabs/agent-plugins
github/awesome-copilot