skills.rest
EdgeApp
EdgeAppOFFICIAL
Explore all skills by this author →
Website𝕏@edgewalletGitHub

debugger

Inspect React Native runtime state via Hermes CDP and WebView diagnostic hooks.

1|Updated Mar 24, 2026
Search Tags:#runtime#cdp#debugger#react-native#webview#hermes
One-click install
npx skills add https://github.com/EdgeApp/edge-dev-agents --skill debugger-edgeapp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: debugger
Source: https://github.com/EdgeApp/edge-dev-agents/tree/main/.cursor/skills/debugger
Command: npx skills add https://github.com/EdgeApp/edge-dev-agents --skill debugger-edgeapp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires node, and includes scripts (resource) components.

What problem does it solve?

This skill resolves the difficulty of debugging complex runtime issues in React Native applications, specifically when standard logging is insufficient to capture variable states or execution paths.

Core Features & Use Cases

  • Hermes CDP Inspection: Attaches to the running React Native Hermes VM to set breakpoints and inspect call stacks and local variables.
  • Inject-and-Capture: Provides a specialized method for debugging code inside WKWebView-based plugins where standard CDP cannot reach.
  • Use Case: Use this to pause execution at a specific line in a React Native component to verify why a conditional check is failing or to inspect the contents of a complex object during a swap transaction.

Quick Start

Use the debugger skill to attach to the running Metro instance and set a breakpoint at the specified file and line number to capture the current execution state.

Frequently Asked Questions about debugger

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug React Native runtime state using the Hermes Chrome DevTools Protocol?▼

To debug React Native runtime state via Hermes CDP, attach to the running Metro instance to set precise breakpoints, inspect call stacks, and analyze local variables for complex JavaScript execution flows.

Can I inspect JavaScript variables inside a WKWebView plugin where standard CDP cannot reach?▼

Yes, you can inspect WebView-based plugins by injecting diagnostic hooks to capture runtime state, enabling variable inspection and call stack analysis in environments where standard CDP is inaccessible.

Do I need Metro connectivity to set breakpoints in a React Native application?▼

Yes, active Metro connectivity is required to attach the debugger to the React Native Hermes VM and execute breakpoint debugging, call stack analysis, and variable inspection.

What is the best way to troubleshoot a failing conditional check in a React Native component?▼

The best way to troubleshoot a failing conditional check is to pause execution at a specific line in the React Native component to inspect the contents of complex objects and verify the runtime state.

Does this React Native debugger output structured reports for automated troubleshooting?▼

Yes, the debugger outputs structured JSON reports after inspecting the runtime state, facilitating automated agent-assisted troubleshooting for complex JavaScript execution flows.

Related Skills

Explore More Software Engineering Skills→
TrainLCDTrainLCD
71

argent-metro-debugger

Inspect React Native component trees and console logs via Chrome DevTools Protocol.

Official
Advanced
jiten-singh-shahijiten-singh-shahi
13

sf-debugging

Diagnose Salesforce runtime errors and analyze debug logs.

Community
Intermediate
GetStreamGetStream
1.2k

perf-benchmarking

Measure React Native app performance via Hermes CPU and render profiling.

Official
Advanced
dotnetdotnet
209

maui-ai-debugging

Debug .NET MAUI and Blazor Hybrid apps via terminal-driven DevFlow workflows.

Official
Advanced