metro-mcpDebug React Native with AI

Connect Claude, Cursor, or any MCP client to your running app. Inspect components, track network requests, record tests, and more — no app code changes needed.

Get Started

Tools Reference

View on GitHub

Quick Install

claude mcp add metro-mcp -- npx -y metro-mcp

🔌

Zero setup

Connects to Metro via Chrome DevTools Protocol. No app modifications required for core debugging features.

🧩

Plugin-based

Every capability is a plugin. Extend metro-mcp with local files or npm packages using the definePlugin API.

🤖

AI-native

Designed as an MCP server — expose tools, resources, and prompts directly to Claude, Cursor, VS Code, and more.

🧪

Test recording

Record real user interactions and generate Appium, Maestro, or Detox tests with accurate selectors automatically.

📊

Profiling

CPU profiling via Hermes CDP and React Profiler integration to find performance hotspots fast.

🛠️

Full control

Inspect components, dispatch Redux actions, navigate, take screenshots, run JS — all from your AI agent.