Metro MCP

What it does

Metro MCP provides an interactive debugging interface for React Native and Expo applications. It connects to the Metro bundler via the Chrome DevTools Protocol (CDP), allowing AI agents to inspect the app runtime, manage devices, and automate UI interactions without requiring changes to the application code.

Key features

• Runtime Inspection: Access console logs, network requests, and Redux state in real-time.
• UI Automation: Perform taps, swipes, and text entry to test user flows.
• Device Control: Manage iOS Simulators and Android Emulators directly.
• Test Recording: Record user interactions to generate Appium, Maestro, or Detox tests.
• CDP Proxy: Allows simultaneous use of the MCP server and Chrome DevTools.

Installation

• Claude Code: claude mcp add metro-mcp -- npx -y metro-mcp
• Cursor / VS Code:

{
  "mcpServers": {
    "metro-mcp": {
      "command": "npx",
      "args": ["-y", "metro-mcp"]
    }
  }
}

• Codex: codex mcp add metro-mcp -- npx -y metro-mcp

Supported hosts

Claude, Cursor, Codex