React Native DevTools MCP
Provides tools for debugging, profiling, and inspecting React Native applications, including component hierarchy, rendering performance, JavaScript execution, network requests, and real-time logging.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@React Native DevTools MCPinspect the component hierarchy in my React Native app"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
React Native DevTools MCP Server
A Model Context Protocol (MCP) server that bridges React Native DevTools, enabling AI assistants to debug, profile, and inspect React Native applications through a standardized protocol.
⚠️ WORK IN PROGRESS - This project is highly experimental and not recommended for production use. APIs may change without notice.
Overview
This MCP server acts as an intermediary between AI assistants and React Native DevTools. It understands the Chrome DevTools Protocol (CDP) used by React Native DevTools and mimics the DevTools interface to provide insights into:
Component structure and hierarchy
Rendering performance metrics
JavaScript execution and debugging
Network requests and storage
Real-time logging and error tracking
Related MCP server: React Native Debug MCP
License
MIT License - see LICENSE file for details.
Author
This server cannot be deployed
Maintenance
Related MCP Connectors
Live browser debugging for AI assistants — DOM, console, network via MCP.
Drive real devices from your AI Coding tool. Embed a client SDK (Unity, Godot, Flutter, iOS/macOS, Android, React Native, Web) in your app, then capture screenshots, traverse the UI tree, inject taps and key events, and run automated test tasks on the physical device over a secure relay.
remote debug iOS/Android/Unity/Godot/Flutter/RN/Web on real-device.ui-tree/screenshots/taps,tests.
A comprehensive Model Context Protocol (MCP) server that enables AI assistants to interact with yo…
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to debug frontend applications by providing direct access to browser DevTools, React state, DOM inspection, and runtime debugging capabilities. Bridges the gap between AI and complex web applications for autonomous debugging and issue resolution.MIT
- AlicenseBqualityDmaintenanceEnables AI agents to inspect, log, and control React Native apps on Android emulators or iOS simulators, including UI tree, tap, scroll, and hot reload.22989 npm5MIT
- AlicenseNot gradedqualityFmaintenanceActs as a proxy between your app and Reactotron, enabling AI assistants to read logs, inspect state, monitor network requests, and trigger custom commands.21 npm3MIT
- AlicenseNot gradedqualityAmaintenanceA plugin-based MCP server for React Native runtime debugging, inspection, and automation via Chrome DevTools Protocol. Works with Expo, bare React Native, and any Metro + Hermes project without app code changes.818 npm82MIT