Skip to main content
affpapa.org
RU EN
skill CX Codex

radon-mcp — Claude Code skill: debug React Native via Radon IDE

Teaches the agent to drive Radon IDE's MCP tools: screenshots, logs, component tree and network requests from a running app.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add software-mansion-labs/skills --skill radon-mcp -a claude-code
Open on GitHub

What radon-mcp does

This skill covers how to use Radon IDE's MCP tools while building and debugging React Native and Expo apps. It ships as a set of reference files under references/, one per tool. The agent reads the matching file before calling anything, which is why view_application_logs comes first when you don't yet know what broke.

The references cover screenshots, the mounted component tree, network logs and the details of a single request, app reload, and lookups in React Native and Expo docs. One file is about judging an npm library: what it does and whether it fits. Reload is split three ways — JS reload, process restart, full rebuild.

The skill only pays off inside a Radon IDE session with the app running. With no live app and no MCP tools connected there is nothing to call, so confirm the IDE is up and the tools respond before asking the agent to sort out a UI problem.

What it helps with

  • trace a startup crash through build and runtime logs
  • locate a context provider in the mounted component tree
  • find which request returned the wrong response in network logs
  • pick between JS reload and a full rebuild after an edit
  • check what an npm library does before adding it

Example prompts for the agent

  • Read the app logs and tell me why the build is failing
  • Open the component tree and find where the theme provider is mounted
  • Show the details of the /api/login request — what went out in the headers

How to install radon-mcp

1Skills CLI (Vercel)

npx skills add software-mansion-labs/skills --skill radon-mcp -a claude-code

2Manually: put the files in place

~/.claude/skills/radon-mcp/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/radon-mcp/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about radon-mcp

How do I install radon-mcp in Claude?

Run npx skills add software-mansion-labs/skills --skill radon-mcp -a claude-code. The skill lands in ~/.claude/skills/radon-mcp/SKILL.md.

What does radon-mcp do?

It documents how to work with Radon IDE's MCP tools: logs, screenshots, component tree, network requests, app reload and React Native documentation lookups.

Does it need Radon IDE running?

Yes. The skill assumes a live app in a Radon IDE session. Without the IDE there are no MCP tools for the agent to call.

Similar skills

Everything for Mobile →
expo-module expo Complete reference for building native modules and view components in Swift, Kotlin, and TypeScript for Expo apps. Use when writing a new module or adding native functionality—camera, sensors, system APIs. CX Codex +1 45,100installs limrun-expo-development limrun-inc Prepares and runs Expo and React Native apps on Limrun: dev-client build, Metro tunnel, JS and TS iteration without repeated native rebuilds. CX Codex +1 43,100installs expo-skill-eval expo Runs end-to-end evaluations for Expo skills, checking trigger accuracy, code quality, and device screenshots in Expo Go. Built for testing Expo agent skills. CX Codex +1 21,800installs react-native-expert https://github.com/Jeffallan A skill for AI coding agents that helps build React Native and Expo apps: navigation, native modules, list performance, platform-specific code for iOS and Android. CX Codex +1 4,900installs android-emulator callstack This skill drives an Android Emulator with agent-device: it launches apps, checks live UI, and gathers debugging evidence. It fits native, React Native, Expo, and Flutter apps. CX Codex +1 4,600installs sentry-react-native-sdk getsentry A skill that walks your agent through Sentry setup in React Native and Expo: it scans the project, proposes a feature set and guides the install steps. CX Codex +1 4,100installs

From the same set10

react-native-best-practices Software Mansion's guidance for React Native and Expo code on the New Architecture, split into topic files for animations, gestures, audio and JSI. CX Codex +1 5,600installs typegpu A skill that helps the agent write TypeGPU code: shaders, buffers, pipelines and the @typegpu/react hooks, with the type plumbing handled. CX Codex +1 1,600installs expo-horizon A skill that walks the agent through adding Meta Quest support to an Expo app, including the package swaps it should never do without asking. CX Codex +1 1,200installs rnrepo Guides the setup and troubleshooting of RNRepo in React Native and Expo projects, cutting native build times by up to 2× with prebuilt artifacts. CX Codex +1 1,100installs detour-onboarding Step-by-step guide for integrating Detour deferred deep linking. Helps configure the dashboard, Universal Links, App Links, and mobile SDKs. CX Codex +1 763installs fishjam A skill covering the Fishjam platform and its SDKs, so your agent writes backend and client video code without guessing. CX Codex +1 761installs migrate-to-detour Guides a project through moving deep links from Branch or AppsFlyer to Detour, including domain setup and SDK changes for Android, iOS, React Native, and Flutter. CX Codex +1 719installs react-native-moq This skill guides live video, audio, and data work over a MoQ relay in React Native. Use it when building or debugging react-native-moq code. CX Codex +1 398installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor