AI Skill Hub 强烈推荐:Metro MCP 是一款优质的MCP工具。AI 综合评分 8.0 分,在同类工具中表现稳健。如果你正在寻找可靠的MCP工具解决方案,这是一个值得深入了解的选择。
Metro MCP 是一款遵循 MCP(Model Context Protocol)标准协议的 AI 工具扩展。通过 MCP 协议,它可以让 Claude、Cursor 等主流 AI 客户端直接访问和操作外部工具、数据源和服务,实现 AI 能力的无缝扩展。无论是文件操作、数据库查询还是 API 调用,都可以通过自然语言在 AI 对话中直接触发,极大提升生产效率。
Metro MCP 是一款遵循 MCP(Model Context Protocol)标准协议的 AI 工具扩展。通过 MCP 协议,它可以让 Claude、Cursor 等主流 AI 客户端直接访问和操作外部工具、数据源和服务,实现 AI 能力的无缝扩展。无论是文件操作、数据库查询还是 API 调用,都可以通过自然语言在 AI 对话中直接触发,极大提升生产效率。
# 方式一:通过 Claude Code CLI 一键安装
claude skill install https://github.com/steve228uk/metro-mcp
# 方式二:手动配置 claude_desktop_config.json
{
"mcpServers": {
"metro-mcp": {
"command": "npx",
"args": ["-y", "metro-mcp"]
}
}
}
# 配置文件位置
# macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
# Windows: %APPDATA%/Claude/claude_desktop_config.json
# 安装后在 Claude 对话中直接使用 # 示例: 用户: 请帮我用 Metro MCP 执行以下任务... Claude: [自动调用 Metro MCP MCP 工具处理请求] # 查看可用工具列表 # 在 Claude 中输入:"列出所有可用的 MCP 工具"
// claude_desktop_config.json 配置示例
{
"mcpServers": {
"metro_mcp": {
"command": "npx",
"args": ["-y", "metro-mcp"],
"env": {
// "API_KEY": "your-api-key-here"
}
}
}
}
// 保存后重启 Claude Desktop 生效
A plugin-based MCP server for React Native runtime debugging, inspection, and automation. Connects to Metro bundler via Chrome DevTools Protocol — no app code changes needed for most features.
Works with Expo, bare React Native, and any project using Metro + Hermes.
---
| Plugin | Tools | Description |
|---|---|---|
| **console** | 2 | Console log collection with filtering |
| **network** | 6 | Network request tracking, response body inspection, and stats |
| **errors** | 3 | Runtime exception collection + Metro bundle error detection |
| **evaluate** | 1 | Execute JavaScript in the app runtime |
| **device** | 4 | Device management, connection status, and app reload |
| **environment** | 4 | Build flags, platform constants, env vars, and Expo config inspection |
| **source** | 1 | Stack trace symbolication |
| **redux** | 3 | Redux state inspection and action dispatch |
| **components** | 5 | React component tree inspection |
| **storage** | 3 | AsyncStorage reading |
| **simulator** | 6 | iOS simulator / Android device control |
| **deeplink** | 2 | Cross-platform deep link testing |
| **permissions** | 5 | Inspect and manage app permissions on iOS Simulator and Android Emulator |
| **ui-interact** | 6 | UI automation (tap, swipe, type) |
| **navigation** | 4 | React Navigation / Expo Router state |
| **accessibility** | 3 | Accessibility auditing |
| **commands** | 2 | Custom app commands |
| **automation** | 3 | Wait/polling helpers for async state changes |
| **profiler** | 9 | CPU profiling (React DevTools hook) + heap sampling + render tracking |
| **test-recorder** | 7 | Record interactions and generate Appium, Maestro, or Detox tests |
| **filesystem** | 5 | Browse and read files in app sandbox directories (Documents, caches, SQLite DBs) |
| **devtools** | 1 | Open Chrome DevTools alongside the MCP via CDP proxy |
| **debug-globals** | 1 | Auto-discover Redux stores, Apollo Client, and other debug globals |
| **inspect-point** | 1 | Coordinate-based React component inspection (experimental) |
| **statusline** | 1 | Claude Code status bar integration |
→ See the full tools reference.
---
xcrun simctl is used for most operations)adb on your PATHbrew install idb-companion. Tools will tell you when IDB is needed.---
If you use several MCP clients, add-mcp can write the config for supported agents, including Claude Code, Codex, Cursor, OpenCode, and VS Code:
npx add-mcp metro-mcp --all -g -y
metro-mcp supports multiple agents at the same time. Standard stdio installs start or reuse a local shared daemon for the same project directory and Metro/config options, so Codex, Claude Code, Cursor, and other clients can connect concurrently to the same running Metro app and see the same logs, network requests, errors, and runtime state.
The CDP proxy is enabled by default. To change the port or disable it:
```bash
Register custom commands and expose state to the MCP server — no package needed. Add this to your app entry point in dev mode:
if (__DEV__) {
globalThis.__METRO_BRIDGE__ = {
commands: {
// Run custom actions from the MCP client
login: async ({ email, password }) => {
return await authService.login(email, password);
},
resetOnboarding: () => {
AsyncStorage.removeItem('onboarding_completed');
},
switchUser: ({ userId }) => {
store.dispatch(switchUser(userId));
},
},
state: {
// Expose state snapshots readable via get_redux_state
userStore: () => useUserStore.getState(),
},
};
}
Use list_commands and run_command to call these from the MCP client.
For enhanced features like real-time Redux action tracking, navigation events, performance marks, and React render profiling, install metro-bridge — see the client SDK docs and profiling guide.
---
See configuration docs for environment variables, CLI arguments, and config file options.
---
metro-mcp is fully extensible. See the plugins guide to build your own tools and resources.
---
{
"mcpServers": {
"metro-mcp": {
"command": "npx",
"args": ["-y", "metro-mcp"]
}
}
}
Or with Bun:
{
"mcpServers": {
"metro-mcp": {
"command": "bunx",
"args": ["metro-mcp"]
}
}
}
高质量的开源MCP工具,支持React Native应用调试和检查
AI Skill Hub 为第三方内容聚合平台,本页面信息基于公开数据整理,不对工具功能和质量作任何法律背书。
建议在沙箱或测试环境中充分验证后,再部署至生产环境,并做好必要的安全评估。
✅ MIT 协议 — 最宽松的开源协议之一,可自由商用、修改、分发,仅需保留版权声明。
总体来看,Metro MCP 是一款质量优秀的MCP工具,在同类工具中具备一定竞争力。AI Skill Hub 将持续追踪其更新动态,建议收藏备用,结合自身场景选择合适时机引入使用。
| 原始名称 | metro-mcp |
| Topics | mcpdebuggertypescriptreact-native |
| GitHub | https://github.com/steve228uk/metro-mcp |
| License | MIT |
| 语言 | TypeScript |
收录时间:2026-06-02 · 更新时间:2026-06-02 · License:MIT · AI Skill Hub 不对第三方内容的准确性作法律背书。
选择 Agent 类型,复制安装指令后粘贴到对应客户端