radon-mcp

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

2|Updated Oct 18, 2024
One-click install
npx skills add https://github.com/carlos3g/react-native-playground --skill radon-mcp-carlos3g
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: radon-mcp
Source: https://github.com/carlos3g/react-native-playground/tree/main/.agents/skills/radon-mcp
Command: npx skills add https://github.com/carlos3g/react-native-playground --skill radon-mcp-carlos3g

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides tools for live React Native and Expo app inspection and debugging, solving issues with debugging, UI, networking, and documentation.

Core Features & Use Cases

  • Live App Inspection: View screenshots, logs, component trees, and network requests.
  • Debugging: Reload apps, view logs, inspect components, and debug network requests.
  • Documentation: Access React Native and Expo documentation directly.
  • Use Case: When encountering a UI bug, you can quickly take a screenshot, view the logs, and inspect the component tree to diagnose the issue.

Quick Start

Use the radon-mcp skill to view the screenshot of the current application state.

Frequently Asked Questions about radon-mcp

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

FAQPage Schema
How do I inspect a React Native or Expo app's component tree and network requests?

Live React Native and Expo app inspection is done using Radon IDE's MCP tools to view screenshots, logs, component trees, and network requests directly during development.

What's the best way to debug a UI bug in a React Native application?

Debugging a UI bug in a React Native application is best handled by taking a live screenshot, viewing the logs, and inspecting the component tree via Radon IDE to pinpoint the issue.

Do I need Radon IDE to inspect and debug Expo apps?

Yes, Radon IDE is required to operate this Skill, as it provides the MCP tools needed to inspect and debug React Native and Expo applications.

Can I access Expo documentation directly while debugging my app?

You can access React Native and Expo documentation directly through the inspection tools, allowing you to resolve documentation needs while debugging your app.

How do I reload a React Native app during a debugging session?

You can reload your React Native app during a debugging session by utilizing the debugging commands provided by Radon IDE's MCP tools.