react-native-debugger
React Native 应用的桌面调试工具，集成 React DevTools 和 Redux DevTools。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：react-native-debugger。 它的用途是：React Native 应用的桌面调试工具，集成 React DevTools 和 Redux DevTools。 完整的 Skill 内容见：https://321skill.com/skills/react-native-debugger/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我的React Native应用列表页点击后状态没更新，帮我看看Redux的action触发和state变化。’ 它会引导你打开react-native-debugger，连接到应用，然后在Redux面板中实时监控action的派发和state的变更历史，帮助你快速定位是action未发出、reducer逻辑错误还是组件连接问题。
介绍
react-native-debugger 是一个专为 React Native 应用开发者设计的桌面调试工具。它解决了在开发 React Native 应用时，调试工具分散、功能不全、使用不便的问题，将 React DevTools、Redux DevTools 和网络请求检查等功能集成在一个独立的桌面应用中，提供了统一的调试界面。
使用时，开发者只需在应用中启用调试模式，并连接到运行在本地或远程的 react-native-debugger 应用即可。它支持查看组件树、检查组件状态和属性、监控 Redux 状态变化、检查网络请求和响应、以及执行 JavaScript 代码等，大大简化了调试流程。
这个工具主要适合正在开发 React Native 应用的移动端开发者、全栈开发者以及测试工程师，特别是那些使用 Redux 进行状态管理的项目团队。它能够帮助开发者快速定位 UI 渲染问题、状态管理错误和网络请求异常。
建议在开发环境中使用，并注意其版本与 React Native、React 和 Redux 等核心库的兼容性。对于生产环境或性能要求极高的场景，应确保已完全禁用调试功能。
核心特点
与 Chrome 开发者工具等通用调试器相比，它原生深度集成了 React DevTools 和 Redux DevTools，无需安装浏览器扩展，且针对 React Native 的远程调试进行了优化，提供了更稳定、更专注的调试体验。
注意事项
不适合用于调试非 React Native 项目，或在生产环境中使用。
常见问题
如何连接我的 React Native 应用到 react-native-debugger？
在设备或模拟器中摇动设备打开开发者菜单，选择‘Debug JS Remotely’，确保 debugger 应用正在运行即可自动连接。
它支持最新的 React Native 版本吗？
通常支持，但建议查看其 GitHub 仓库的发布说明，以确认与特定 React Native 版本的兼容性。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/react-native-debugger/raw/index.md 读取 react-native-debugger 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/react-native-debugger/raw/index.md（查看排版版本）