CommunityCodierung & Entwicklunggithub.com

software-mansion/argent-metro-debugger

Debuggen Sie eine JS-Laufzeitumgebung über CDP mit den argent-Debugger-Tools. Der Hauptpfad ist React Native über Metro (iOS/Android); eine Teilmenge der Tools treibt auch den Renderer einer Chromium (CDP)-App an.

Was ist argent-metro-debugger?

Dieses Skill bietet eine umfassende Debugging-Umgebung für JavaScript-Laufzeiten über das Chrome DevTools Protocol (CDP) mithilfe der argent-Debugger-Tools. Es ist primär für React Native-Anwendungen über Metro (auf iOS und Android) ausgelegt, unterstützt aber auch das Debuggen von Chromium-basierten Anwendungen wie Electron oder jedem anderen CDP-exponierenden Browser. Die wichtigsten Funktionen umfassen das Herstellen einer Verbindung zur Laufzeit (debugger-connect), das Überprüfen des Verbindungsstatus (debugger-status), das Auswerten von JavaScript-Code (debugger-evaluate) und das Lesen von Konsolenprotokollen (debugger-log-registry). Entwickler können dieses Skill nutzen, um React-Komponenten zu inspizieren, Konsolenausgaben zu analysieren und komplexe Debugging-Szenarien zu bewältigen. Es ist besonders nützlich in Entwicklungsumgebungen, in denen schnelle Iterationen und tiefgehende Einblicke in den Anwendungszustand erforderlich sind.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofMobileReact
npx skills add https://github.com/software-mansion/argent/tree/main/skills/argent-metro-debugger

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht argent-metro-debugger?

Debuggen Sie eine JS-Laufzeitumgebung über CDP mit den argent-Debugger-Tools. Der Hauptpfad ist React Native über Metro (iOS / Android); eine Teilmenge der Tools (debugger-connect, debugger-status, debugger-evaluate, debugger-log-registry) treibt auch den Renderer einer Chromium (CDP)-App (eine Electron-App oder ein beliebiger Chromium-Browser, der CDP exponiert) über dieselbe Oberfläche an. Verwenden Sie dieses Skill, wenn Sie eine Verbindung zur Laufzeit herstellen, React-Komponenten inspizieren, Konsolenprotokolle lesen oder JavaScript auswerten möchten.

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.

Verwandte Skills

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More Codierung & Entwicklung skills