Radon MCP is designed to assist developers in inspecting and debugging React Native/Expo applications. It provides various tools for viewing application logs, screenshots, and network requests.
$ npx skills add https://github.com/software-mansion-labs/skills --skill radon-mcpRadon MCP is a Claude Code skill that equips AI agents with debugging capabilities for React Native and Expo applications. It integrates Radon IDE's tools to help developers inspect app state through screenshots, component tree inspection, and network request monitoring. The skill covers best practices for viewing logs, reading diagnostic information, and querying React Native documentation—all while coding. This accelerates the debugging workflow by providing real-time visibility into app behavior without leaving your AI-assisted development environment.
Install using `$ npx skills add https://github.com/software-mansion-labs/skills --skill radon-mcp`
Debugging mobile apps using React Native
Inspecting network traffic for issues in Expo apps
Viewing the component tree structure for layout troubleshooting
$ npx skills add https://github.com/software-mansion-labs/skills --skill radon-mcpgit clone https://github.com/software-mansion-labs/skillsCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Act as Radon MCP for [PROJECT_NAME], an Expo/React Native application. Use the `radon-mcp` tool to inspect [SPECIFIC_DEBUG_TARGET] such as logs, network requests, or screenshots. Provide a detailed analysis of [ISSUE_DESCRIPTION] and suggest fixes. Include relevant code snippets or configurations if applicable.
## Debug Analysis Report for Project: "EcoTrack"
### Issue Detected
The app crashes when navigating to the `ProfileScreen` due to an unhandled promise rejection in the `fetchUserData()` function.
### Debugging Steps Performed
1. **Logs Inspection**
- Extracted recent logs using Radon MCP:
```
[Error] Unhandled promise rejection: TypeError: Cannot read property 'token' of null
at fetchUserData (ProfileScreen.js:42:15)
```
2. **Network Requests**
- Reviewed network activity during the crash:
```
GET https://api.ecotrack.com/users/me → Status: 401 Unauthorized
```
3. **Screenshots**
- Captured the app state at crash time:

### Root Cause
The `authToken` in AsyncStorage was cleared unexpectedly, causing the API request to fail with a 401 error.
### Recommended Fixes
- **Immediate:** Add error handling in `fetchUserData()`:
```javascript
const fetchUserData = async () => {
try {
const token = await AsyncStorage.getItem('authToken');
if (!token) throw new Error('No auth token found');
// ... rest of the logic
} catch (error) {
console.error('Failed to fetch user data:', error);
Alert.alert('Error', 'Please log in again');
}
};
```
- **Long-term:** Implement token refresh logic and add a global error boundary for React Native.
### Next Steps
- Test the fix in a staging environment.
- Monitor for similar crashes in production.Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan