Community程式設計與開發github.com

software-mansion/argent-metro-debugger

透過 CDP 使用 argent 除錯工具來對 JS 執行環境進行除錯。主要路徑是 React Native 搭配 Metro(iOS/Android);其中一部分工具(debugger-connect、debugger-status、debugger-evaluate、debugger-log-registry)也能透過相同的介面驅動 Chromium (CDP) 應用程式的渲染程序(例如 Electron 應用程式或任何暴露 CDP 的 Chromium 瀏覽器)。在需要連線執行環境、檢查 React 元件、讀取主控台日誌或評估 JavaScript 時使用。

argent-metro-debugger 是什麼?

Argent Metro 除錯器 (software-mansion/argent-metro-debugger) 是一套專為 JS 執行環境除錯而設計的技能,主要透過 Chrome DevTools Protocol (CDP) 與 argent 除錯工具進行整合。其主要應用場景是 React Native 環境(搭配 Metro 打包器,支援 iOS 與 Android 平台),但其中一部分工具(如 debugger-connect、debugger-status、debugger-evaluate 與 debugger-log-registry)也適用於任何支援 CDP 的 Chromium 應用程式,例如 Electron 應用程式或一般 Chromium 瀏覽器的渲染程序。 這項技能對於開發者來說極具價值,因為它提供了一個統一的介面來進行多種除錯任務:連接到執行環境、檢查 React 元件結構與狀態、讀取主控台 (console) 日誌,以及直接評估 JavaScript 程式碼。無論是開發 React Native 行動應用程式,還是除錯基於 Chromium 的桌面應用程式,這套工具都能大幅提升除錯效率。 該技能支援的平台包括 React Native (Metro, iOS/Android) 以及任何提供 CDP 端點的 Chromium 應用程式(如 Electron)。其工作原理是透過 CDP 協定與目標執行環境建立連線,並利用 argent 工具組中的特定子工具來執行除錯操作,讓開發者可以在熟悉的除錯介面中獲得一致的操作體驗。

相容平台~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 除錯工具來對 JS 執行環境進行除錯。主要路徑是 React Native 搭配 Metro(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.

相關技能