react-native-debugger-mcp

MCP.Pizza Chef: twodoorsdev

react-native-debugger-mcp is an MCP server that integrates with React Native application debuggers, enabling real-time retrieval of console logs from Metro. It facilitates seamless debugging by exposing Metro logs to MCP clients, enhancing the developer experience for React Native apps. This server simplifies monitoring and troubleshooting during app development by providing structured access to runtime logs.

Use This MCP server To

Retrieve real-time console logs from React Native Metro bundler Integrate Metro logs into MCP-enabled debugging workflows Monitor React Native app runtime logs within MCP clients Facilitate debugging of React Native apps via structured log access Combine Metro logs with other MCP data sources for analysis

README

React Native Debugger MCP

An MCP server that connects to your React Native application debugger.

✨ Key Features

  • Can retrieve console logs from Metro

🚀 Quick Start

Add the following to your Claude Desktop/Cursor MCP config:

{
  "mcpServers": {
    "react-native-debugger-mcp": {
      "command": "npx",
      "args": ["-y", "@twodoorsdev/react-native-debugger-mcp"]
    }
  }
}

react-native-debugger-mcp FAQ

How do I install react-native-debugger-mcp?
Install by adding it to your MCP config with the command 'npx -y @twodoorsdev/react-native-debugger-mcp' as shown in the quick start guide.
Can react-native-debugger-mcp retrieve logs from Metro bundler?
Yes, it specifically retrieves console logs from the Metro bundler used in React Native development.
Is react-native-debugger-mcp compatible with multiple MCP clients?
Yes, it can be used with any MCP client that supports connecting to MCP servers, including Claude Desktop and Cursor.
Does react-native-debugger-mcp support real-time log streaming?
Yes, it provides real-time access to console logs from the Metro bundler for immediate debugging feedback.
What platforms does react-native-debugger-mcp support?
It supports React Native applications running on platforms where Metro bundler is used, typically iOS and Android development environments.
Can I customize the react-native-debugger-mcp configuration?
Yes, you can customize the MCP server configuration in your MCP client setup to fit your development environment needs.
Which LLM providers can I use with react-native-debugger-mcp?
You can use it with LLM providers like OpenAI, Claude, and Gemini through MCP clients that support these models.