Buoy-gg/buoy

解決的問題

Buoy 提供一整套完整的開發者工具，直接內建於 React Native 或 Flutter 應用程式中。它消除了對外部除錯工具、連接線或已淘汰的工具（如 Flipper）的需求，讓開發者能在實體裝置、模擬器，甚至生產環境建置中，檢視網路請求、狀態與效能。

如何運作

Buoy 透過單一元件（<FloatingDevTools />）整合至應用程式，於裝置上建立一個浮動式選單。它使用本機主機代理程式，將應用程式的內部狀態與工具鏡像至桌面應用程式與 MCP（Model Context Protocol）伺服器。這讓 AI 代理（如 Claude 或 Cursor）能透過讀取即時狀態、觸發 UI 處理常式，以及執行效能基準測試，與正在執行的應用程式互動，而無需依賴螢幕截圖或像素座標。

適用對象

使用 React Native 或 Flutter 的行動開發者，需要在不同環境（開發、測試、生產）中深入檢視應用程式的執行行為，以及希望讓 AI 代理協助除錯與優化其行動應用程式的開發者。

主要特色

• AI 代理整合：使用 MCP 讓代理讀取即時應用程式狀態、點選真實的 JS UI 處理常式，並在實體裝置上執行效能基準測試。
• 裝置內除錯：浮動選單無需連接線或桌面應用程式，讓 QA 與支援團隊也能輕鬆使用。
• 豐富的工具集：包含 19 種工具，用於監控網路流量、儲存空間（AsyncStorage、MMKV）、狀態管理（Redux、Zustand、Jotai）、路由與效能（FPS、CPU、記憶體）。
• 生產環境就緒：可依條件渲染給內部使用者，或以無頭模式執行，將資料同步至桌面/MCP，而不在裝置上顯示介面。
• 跨平台支援：支援 React Native 與 Flutter。