Buoy-gg/buoy

它解决了什么问题

Buoy 提供了一套全面的开发者工具，直接内置于 React Native 或 Flutter 应用中。它消除了对外部调试器、数据线或已弃用工具（如 Flipper）的需求，使开发者能够在真实设备、模拟器甚至生产构建中检查网络请求、状态和性能。

它如何工作

Buoy 通过一个单一组件（<FloatingDevTools />）集成到应用中，该组件在设备上创建一个浮动菜单。它使用本地主机代理将应用的内部状态和工具镜像到桌面应用和一个 MCP（模型上下文协议）服务器。这使得 AI 代理（如 Claude 或 Cursor）能够通过读取实时状态、触发 UI 处理程序和运行基准测试来与正在运行的应用交互，而无需依赖截图或像素坐标。

适合谁使用

使用 React Native 或 Flutter 的移动开发者，他们需要在不同环境（开发、预发布、生产）中深入观察应用的运行时行为，以及希望让 AI 代理协助调试和优化其移动应用的开发者。

主要特性

• AI 代理集成：使用 MCP 让代理读取实时应用状态，点击真实的 JS UI 处理程序，并在真实设备上运行性能基准测试。
• 设备端调试：一个无需数据线或桌面应用的浮动菜单，使 QA 和支持团队也能轻松使用。
• 丰富的工具集：包含 19 个工具，用于监控网络流量、存储（AsyncStorage、MMKV）、状态管理（Redux、Zustand、Jotai）、路由和性能（FPS、CPU、内存）。
• 生产就绪：可有条件地渲染给内部用户，或以无头模式运行，将数据同步到桌面/MCP 而不在设备上显示 UI。
• 跨平台支持：支持 React Native 和 Flutter。