Communityコーディング&開発github.com

software-mansion/argent-metro-debugger

Argentデバッガツールを使用して、Chrome DevTools Protocol(CDP)経由で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デバッガツールスイートを使用して、CDP(Chrome DevTools Protocol)を介してJavaScriptランタイムをデバッグするためのものです。主に対応するプラットフォームはReact Native(Metroバンドラ経由、iOS/Android)で、これによりReactコンポーネントツリーの検査、コンソールログの監視、JavaScriptコードの評価など、豊富なデバッグ機能を提供します。また、debugger-connect、debugger-status、debugger-evaluate、debugger-log-registryなどの一部のツールは、ElectronアプリやCDPを公開する任意のChromiumブラウザなど、Chromiumベースのアプリケーションのレンダラプロセスでも動作します。このスキールの主な目的は、開発者がランタイムに接続し、Reactコンポーネントを検査し、コンソールログを読み取り、JavaScriptコードを評価する必要がある場合に、統一されたデバッグインターフェースを提供することです。これにより、特にReact Native開発におけるデバッグ作業が効率化されます。

対応~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に質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

argent-metro-debugger は何をしますか?

Argentデバッガツールを使用して、CDP経由でJSランタイムをデバッグします。主なパスは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.

関連スキル