Skill 广场
React Native与CDP运行时调试器 Skill

React Native与CDP运行时调试器.Skill

@software-mansion/argent-metro-debugger

4.6优秀AI 评分基础检查通过源自 GitHub

该工具专门面向 React Native (iOS/Android/Vega) 及 Chromium 架构应用,通过 Chrome DevTools Protocol (CDP) 与 Metro 构建服务建立会话连接。开发者可借助其检查 React Fiber 组件树层级、基于逻辑坐标精准定位源码文件与行号、实时执行 JavaScript 代码片段,并配合结构化日志注册表高效检索运行期 Console 错误与网络异常。

编程React Native 移动端开发工程师跨平台应用架构师前端与 Electron 客户端开发工程师2026-09-23 更新main

React Native与CDP运行时调试器

该工具专门面向 React Native (iOS/Android/Vega) 及 Chromium 架构应用,通过 Chrome DevTools Protocol (CDP) 与 Metro 构建服务建立会话连接。开发者可借助其检查 React Fiber 组件树层级、基于逻辑坐标精准定位源码文件与行号、实时执行 JavaScript 代码片段,并配合结构化日志注册表高效检索运行期 Console 错误与网络异常。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

检查当前 Metro 服务的连接状态并查看是否有 Android 设备挂载

在当前页面针对屏幕坐标 (150, 320) 的按钮进行组件检查并定位源码文件

调用 debugger-log-registry 获取最近的崩溃日志文件路径并筛选 ERROR 级别报错

适用人群

适合谁?

React Native 移动端开发工程师跨平台应用架构师前端与 Electron 客户端开发工程师移动端自动化测试与调试技术人员

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度