Community编程与开发github.com

software-mansion/argent-metro-debugger

通过 CDP 协议使用 argent 调试工具调试 JavaScript 运行时。主要面向通过 Metro 构建的 React Native(iOS/Android)应用,部分工具也支持调试 Chromium(CDP)应用的渲染进程。

argent-metro-debugger 是什么?

该技能集成了 argent 调试工具,允许开发者通过 Chrome DevTools Protocol(CDP)连接并调试 JavaScript 运行时。其核心路径是针对通过 Metro 打包的 React Native 应用(支持 iOS 和 Android),提供全面的调试能力,包括连接运行时、检查 React 组件、读取控制台日志以及执行 JavaScript 表达式。此外,一个工具子集(debugger-connect、debugger-status、debugger-evaluate、debugger-log-registry)也能够驱动 Chromium(CDP)应用的渲染进程(如 Electron 应用或任何暴露 CDP 端口的 Chromium 浏览器),从而在统一的界面上进行调试。该技能支持命令行和 AI Agent 集成(如 Claude Code、Cursor),通过执行特定命令(如 debugger-connect、debugger-status 等)实现自动化调试工作流,显著提升开发者在 React Native 和 Electron 应用中的调试效率。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/software-mansion/argent/tree/main/skills/argent-metro-debugger

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

argent-metro-debugger 是做什么的?

通过 CDP 使用 argent 调试工具调试 JavaScript 运行时。主要面向通过 Metro 构建的 React Native(iOS/Android)应用;工具子集(debugger-connect、debugger-status、debugger-evaluate、debugger-log-registry)也支持通过相同界面驱动 Chromium(CDP)应用的渲染进程(如 Electron 应用或任何暴露 CDP 的 Chromium 浏览器)。在连接运行时、检查 React 组件、读取控制台日志或评估 JavaScript 时使用。

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

software-mansion/argent-android-emulator-setup

Set up and connect to an Android emulator using argent MCP tools. Use when starting a new session on Android, booting an emulator, getting a device serial, or before any UI interaction task.

software-mansion/argent-create-flow

Record a reusable flow (scripted sequence of MCP tool calls) that can be replayed later with a single command. Use when the user asks to create, record, or build a flow, or to script a sequence of device actions.

software-mansion/argent-device-interact

Interact with an iOS simulator, Android emulator, or Electron app using argent MCP tools. Use when tapping UI elements, performing gestures, scrolling/swiping, typing text, pressing hardware buttons, launching apps, opening URLs, taking screenshots, or checking visible app state after interactions.

software-mansion/argent-ios-simulator-setup

Set up and connect to an iOS simulator using argent MCP tools. Use when starting a new session, booting an iOS simulator, getting an iOS UDID, or before any iOS simulator interaction task.

software-mansion/argent-native-profiler

Native profiling for CPU hotspots, UI hangs, memory issues. iOS via xctrace; Android via Perfetto. Use when diagnosing native-level performance issues.

software-mansion/argent-react-native-app-workflow

Step-by-step workflows for developing or debugging React Native apps on iOS simulator or Android emulator. Use when starting the app, debugging Metro, fixing builds, diagnosing runtime errors, or running tests.

software-mansion/argent-react-native-optimization

Optimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues. Entry-point for all performance work. Use when the app feels slow, user asks to optimize, fix re-renders, reduce jank, or improve startup. Delegates to argent-react-native-profiler for measurement.

software-mansion/argent-react-native-profiler

Profile a React Native Hermes app to measure re-render and CPU performance using argent profiler tools. Use when optimizing for performance, measuring before/after a fix, spotting slow components, diagnosing re-renders, checking CPU hotspots, or producing a ranked issue report.

software-mansion/argent-test-ui-flow

Autonomously test an app UI (iOS or Android) by running interact-screenshot-verify loops using argent MCP tools. Use when testing UI flows, verifying login works, testing navigation, running end-to-end UI test scenarios, manual QA steps, visible UI changes, or visual behavior.

相关技能