React Native Debugger MCP
专为React Native开发者打造的快速调试MCP服务。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：React Native Debugger MCP。 它的用途是：专为React Native开发者打造的快速调试MCP服务。 完整的 Skill 内容见：https://321skill.com/skills/react-native-debugger-mcp/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我调试这个React Native页面列表滚动卡顿的问题。’，它会通过MCP服务连接到你的项目，分析FlatList组件的性能数据，并指出可能是图片未优化或内存泄漏导致的。接着你可以说：‘在useEffect的清理函数里设置一个断点’，它会自动在代码中相应位置添加调试断点。
介绍
React Native Debugger MCP 旨在解决React Native应用开发过程中调试效率低、工具链复杂的问题。它通过集成MCP（Model Context Protocol）服务，为开发者提供了一个统一的、高效的调试接口，简化了调试流程。
使用时，开发者只需在支持MCP的AI助手或开发环境中配置并启用该服务，即可通过自然语言指令或预设命令快速执行断点调试、状态检查、性能分析等操作，无需在多个工具间频繁切换。
该Skill特别适合专注于React Native移动应用开发的工程师，无论是处理复杂UI状态、追踪异步逻辑，还是优化应用性能，都能提供直接支持。
建议在开发新功能或修复复杂Bug时优先使用此Skill进行深度调试。初次使用前，请确保你的React Native开发环境已正确配置，并熟悉基本的MCP工具调用方式，以达到最佳效果。
核心特点
专为React Native生态深度定制，与通用JavaScript调试工具相比，能更精准地识别RN特有的组件生命周期、桥接通信和原生模块问题。通过MCP协议集成，实现了在AI助手对话流中直接进行调试操作，无需离开编码上下文。
注意事项
不适合非React Native项目或需要底层原生代码（如Objective-C, Java）级别调试的场景。
常见问题
这个工具能调试React Native的性能问题吗？
可以，它支持监控组件渲染性能、分析异步操作和识别不必要的重渲染。
是否需要额外的IDE或插件配合使用？
不需要额外IDE插件，它是一个MCP服务，可在任何支持MCP的AI助手或编辑器中调用。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/react-native-debugger-mcp/raw/index.md 读取 React Native Debugger MCP 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/react-native-debugger-mcp/raw/index.md（查看排版版本）