skills.rest
bidah
bidahCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

radon-mcp

Inspect logs, component trees, screenshots, and network data during React Native debugging.

28|1|Updated Apr 8, 2026
Search Tags:#react-native#expo#network-inspection#component-tree#radon-ide#log-debugging#app-inspection
One-click install
npx skills add https://github.com/bidah/react-native-hifi --skill radon-mcp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: radon-mcp
Source: https://github.com/bidah/react-native-hifi/tree/main/skills/software-mansion-best-practices/radon-mcp
Command: npx skills add https://github.com/bidah/react-native-hifi --skill radon-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill captures Radon IDE MCP best practices so agents avoid jumping into code without first inspecting logs, UI, and network state during live React Native and Expo debugging sessions.

Core Features & Use Cases

  • Log-first triage: Always start with build and runtime logs to locate obvious errors before diving deeper.
  • Layered inspection: Pair component-tree, screenshot, and network tools to correlate layout, visual, and API behaviors.
  • Reload discipline: Escalate from JS reload to process restart to rebuild only after the appropriate diagnostics justify it.

Quick Start

Ask the Radon IDE MCP tools to collect logs, component tree context, screenshots, and network details before diagnosing the running app.

Frequently Asked Questions about radon-mcp

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

FAQPage Schema
How do I debug a React Native app using Radon IDE MCP tools?▼

Debug React Native apps by using Radon IDE MCP tools to collect runtime logs, component tree context, screenshots, and network data before diagnosing issues. Apply log-first triage to locate errors, then pair component hierarchy and network inspection to correlate behaviors before modifying code.

What is the best way to inspect a React Native component tree during live debugging?▼

Inspect the React Native component tree by pairing Radon IDE MCP component hierarchy tools with screenshots to correlate layout and visual behaviors. Review the component structure alongside runtime logs to build accurate context before attempting any downstream code changes.

Can I capture network data and logs for Expo apps with Radon IDE?▼

Yes, Radon IDE MCP captures network data and runtime logs for Expo apps. Collect network details and build logs first to locate obvious API or runtime errors, then escalate to component tree or screenshot inspection if layout or visual issues persist.

When should I reload, restart, or rebuild a React Native app during debugging?▼

Escalate reload choices by starting with a JS reload, then a process restart, then a full rebuild only after diagnostics justify it. Use collected logs and network data to confirm whether the issue requires deeper intervention before triggering a heavier reload action.

Does Radon IDE MCP debugging require dependencies beyond a running Expo or React Native app?▼

No additional dependencies are required beyond a running React Native or Expo app inside a Radon IDE session. The workflow relies on built-in MCP tools to query logs, component trees, screenshots, and network state directly from the active environment.

Related Skills

Explore More Software Engineering Skills→
software-mansion-labssoftware-mansion-labs
265

radon-mcp

Guide live React Native and Expo debugging with Radon MCP commands.

Official
Intermediate
openakitaopenakita
2.0k

reload-skill

Reload a skill to apply SKILL.md and script changes.

Community
Basic
msichtermanmsichterman

expo-dev-client

Create and distribute Expo development clients for iOS and Android testing.

Community
Intermediate
carlos3gcarlos3g
2

radon-mcp

Inspect and debug live React Native and Expo apps via Radon IDE MCP tools.

Community
Advanced