mcpField
B
Buoy-gg

Buoy-gg

ローカル
buoy.gg開発ツール6925 日前に更新

Buoy-gg について

Buoy-gg は、実行中の React Native または Flutter アプリを調査・変更するアプリ内開発ツールです。ネットワーク通信、ストレージ、ルート、レンダリングなどを扱い、MCP サーバー経由で AI エディターからアプリを操作できます。

主な機能

  1. 01実行中のアプリ状態の調査と変更
  2. 02ネットワーク・ストレージ・ルート・描画ツール
  3. 03アプリツールを Buoy Desktop に接続
  4. 04AI エディター向け MCP アクセス
  5. 05Sim Farm と Chrome Farm のサポート

活用シーン

  1. 01リクエストの確認とネットワーク応答の上書き
  2. 02キャッシュデータの変更や読み込み・エラー状態の強制
  3. 03AI エディターによる実行中アプリの読み取りと変更

MCP 対応

MCP サーバーにより、AI エディターから実行中アプリを読み取り、変更できます。また Sim Farm と Chrome Farm も実行します。アプリツールの利用には `@buoy-gg/external-sync` が必要で、MCP 機能はアカウントプランによって異なります。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"buoy-gg": {
"command": "npx",
"args": [
"-y",
"@buoy-gg/mcp"
]
}
}
}
起動コマンドnpx -y @buoy-gg/mcp

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@buoy-gg/mcp7.0.41

ツール

60

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
deviceIdstringいいえ対象デバイス ID(接続されているデバイスから自動選択)。

詳細

Buoy。1つのツールキットで、すべてのチームに。環境を切り替え、顧客としてサインインし、実行中のアプリ内でエラーを強制したり、状態を巻き戻したりできます。

アプリ内で使える開発者ツール。

buoy.gg  ·  ドキュメント  ·  クイックスタート  ·  デスクトップ  ·  料金

npm version npm downloads legacy downloads


Buoy はアプリ内にフローティングメニューを表示します。これを使って、ウェブリクエスト、ストレージ、クエリーキャッシュを確認できます。ストア、ルート、レンダー、速度も確認できます。アプリの実行中にそれらを変更できます。同じセッションを Buoy Desktop または MCP にリンクできます。または、アプリ内でそのまま Ask Buoy を使えます。

Flutter には、デバッグビルド用の独自のセットアップがあります。 Capacitor / Ionic(ベータ)では、iOS と Android でウェブツールを使用できます。 Vite で構築した Solid 1.9 アプリで動作します(ベータ)。 Vite で構築した Vue 3.3 以降のアプリと Nuxt 4で動作します(ベータ)。 R3F および通常のアプリで動作します(ベータ)。 Scene を使うと、3D オブジェクトを表示して編集できます。

buoy.gg で Buoy の紹介動画を再生(1分50秒)

はじめる

最も手軽な方法は、コーディングエージェントにセットアップを任せることです。以下のプロンプトを Claude Code、Cursor、または Codex に貼り付けてください。buoy.gg/install.mdに従って、コアと依存関係に合ったツールをインストールし、デバイス上での確認方法を説明します。

エージェントのインストール用プロンプト
Install Buoy, the in-app devtools for React Native and Expo, in this project.

Read the full instructions first:
  curl -fsSL https://buoy.gg/install.md
Read the raw text, not a summary. If curl is unavailable, use any HTTP tool you have. Ask me to paste the document only if nothing can fetch it.

Do the install yourself: inspect the repo, run the commands, edit the files. Do not hand me steps you can run.

Work out the routine decisions from the repo: package manager, which app to target, where the menu mounts, which Buoy tools match the dependencies already installed. If Buoy is already partly installed, repair and extend it; never add a second mount, provider, or package set.

When instructions conflict, follow this order: what I say here, then the document's rules about which packages exist and what needs my permission, then this project's own constraints, then the rest of the document, then your judgment.

Ask me before: adding a native dependency, opening a browser or creating an account, changing what a production build does beyond what the document specifies, or anything hard to undo. Do not commit.

You are not done when the packages install. Run this project's existing typecheck; add no tooling. Then report what you installed and why, what you skipped and why, every file you changed, what you verified, and the exact steps I take on the device to confirm the menu appears and captures a request.

手動でインストールするには、まずコアと Network ツールをインストールしてから、サインインしてください。

npm install @buoy-gg/core @buoy-gg/network
npx --package=@buoy-gg/core buoy login

メニューのマウント、キーの読み込み、ツールの追加については、クイックスタートをご覧ください。開発ビルドと、Free または Pro の Buoy アカウントが必要です。

動作を確認する

各ツールのドキュメントページには、実際のアプリで撮影した短い動画があります。

Network ツールの動画React Query ツールの動画Ask Buoy の動画
リクエストの確認、時間計測、上書きキャッシュデータの編集、読み込み状態やエラー状態の強制アプリ内のエージェント
## ツール

アプリに必要なものだけをインストールしてください。各リンクからガイドを確認できます。

ネットワーク · ストレージ · タイムマシン · シナリオ · 時計 · ライフサイクル · 位置情報 · 権限 · Ask Buoy · 環境変数 · React Query · ルート · デバッグボーダー · 更新のハイライト · ベンチ · JS Top · 画像 · シーン(ベータ版) · アセット · イベント · コンソール · Sentry · Redux · Zustand · Jotai · なりすまし · TV リモコン · フォーカスインスペクター · カメラ · オーバーレイ

デバイスの枠を超えて

Buoy Desktopでは、接続済みのツールをデスクトップパネルに表示し、デバイスを切り替えられます。MCP サーバーを使うと、AI エディターが実行中のアプリを読み取り、変更できます。無料アカウントでは基本的な MCP を利用でき、Pro ではフル機能の MCP を利用できます。MCP はシムファームも実行します。これにより、Buoy Optimizeは多数の軽量な iOS シミュレーターまたは Android スマートフォンを利用できるため、エージェントが一度に多くの速度改善案を試せます。Chrome Farmはウェブアプリ上で多数の軽量な Chrome を実行するため、テストを並行して実施できます。Buoy Webを使うと、AI が実際のクリック操作で Chrome を利用できます。アプリへの追加は不要です。デスクトップと MCP のアプリツールを利用するには、アプリに@buoy-gg/external-syncが必要です。接続方法についてはデスクトップガイドをご覧ください。

Buoy は開発ビルドで起動します。リリース済みのアプリで有効にするには Pro と独自のアクセスチェックが必要です。有効にする前にコンポーネントリファレンスをお読みください。

フィードバック

バグを見つけた場合や、まだ存在しないツールを希望する場合は、イシューを作成してください。機能リクエストをもとに、次に開発するものを決定します。

ライセンス

プロプライエタリソフトウェアです。© Buoy LLC. All rights reserved. 利用規約をご覧ください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。