Buoy-gg/buoy

What it solves

Buoyは、React NativeまたはFlutterアプリケーション内に直接組み込まれる、包括的な開発者ツールスイートを提供します。これにより、外部デバッガー、ケーブル、またはFlipperのような非推奨のツールを使用する必要がなくなり、物理デバイス、シミュレーター、さらには本番環境のビルド上でも、ネットワークリクエスト、状態、パフォーマンスを検査することが可能になります。

How it works

Buoyは、単一のコンポーネント(<FloatingDevTools />)を介してアプリに統合され、デバイス上にフローティングメニューを作成します。localhost brokerを使用して、アプリの内部状態とツールをデスクトップアプリケーションおよびMCP (Model Context Protocol) サーバーにミラーリングします。これにより、AIエージェント（ClaudeやCursorなど）が、スクリーンショットやピクセル座標に頼ることなく、ライブ状態の読み取り、UIハンドラーのトリガー、ベンチマークの実行を行うことで、実行中のアプリと対話することが可能になります。

Who it’s for

異なる環境（dev、staging、production）にわたるアプリの実行時の動作を深く可視化する必要があるReact NativeまたはFlutterを使用しているモバイル開発者、およびAIエージェントがモバイルアプリケーションのデバッグや最適化を支援できるようにしたい開発者向けです。

Highlights

• AI Agent Integration: MCPを使用して、エージェントがライブアプリ状態を読み取り、実際のJS UIハンドラーをタップし、物理デバイス上でパフォーマンスベンチマークを実行できるようにします。
• On-Device Debugging: ケーブルやデスクトップアプリなしで動作するフローティングメニューにより、QAやサポートチームでも利用可能です。
• Extensive Toolset: ネットワークトラフィック、ストレージ（AsyncStorage、MMKV）、状態管理（Redux、Zustand、Jotai）、ルーティング、およびパフォーマンス（FPS、CPU、memory）を監視するための19個のツールが含まれています。
• Production Ready: 内部ユーザー向けに条件付きでレンダリングしたり、、デバイス上にUIを表示せずにデータをデスクトップ/MCPに同期するためのヘッドレスモードで実行したりすることができます。
• Cross-Platform: React NativeとFlutterをサポートしています。