mcpField
F
FixThis

FixThis

ローカル
github.com/beyondwin開発ツール51 日前に更新

FixThis について

FixThisは、Jetpack Composeのデバッグアプリ向けローカル優先のフィードバック・引き継ぎツールです。UIの注釈をスクリーンショット、ソース候補、確度の警告にまとめ、ローカルブラウザーコンソールからコーディングエージェントに渡せます。外部APIは呼び出しません。

主な機能

  1. 01Compose UI要素や領域への注釈
  2. 02ローカルブラウザーコンソールでのアプリ表示
  3. 03行番号付きソース候補の提示
  4. 04確度の警告と画面フィンガープリントの付与
  5. 05ローカルMCP引き継ぎの保存またはプロンプトのコピー

活用シーン

  1. 01具体的なUI変更をコーディングエージェントに伝達
  2. 02複雑なCompose画面のソース位置を特定
  3. 03フィードバックで繰り返し表示されるUI要素を区別
  4. 04MCPまたはMarkdownで注釈付き情報を共有

MCP 対応

ローカルMCPサーバーにより、`Save to MCP`の操作でClaude CodeやCodexが保存済みのフィードバックを利用できます。チャットエージェント向けにプロンプトをコピーする機能もあります。

設定

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

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

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

パッケージ
npm@beyondwin/fixthis1.5.0

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Android Compose 向け FixThis

CI License: MIT JDK 21 Node 20+ Compose

FixThis Studio — 任意の Jetpack Compose UI 要素を指定して注釈を付け、AI 対応のコンテキストをコーディングエージェントに引き渡します

Jetpack Compose の UI を指定して変更内容を書き、Claude、Codex、 Cursor などのコーディングエージェントに、必要なソースコンテキストを引き渡します。

FixThis はデバッグ専用です。Compose のデバッグアプリにサイドキックを接続し、 画面をローカルのブラウザーコンソールにミラーリングして、注釈をコンパクトな 引き継ぎ情報に変換します。引き継ぎ情報には、スクリーンショットの範囲、 セマンティクス、ソース候補、信頼度に関する警告が含まれます。

コンポーネントをクリックして選択します。対象が余白、空白部分、 または明確な Compose ノードではないものの場合は、ドラッグします。

現在利用できる機能

  • サンプルアプリを約 5 分で試せます。
  • Homebrew、npm、または GitHub Releases からデスクトップ CLI/MCP をインストールできます。
  • Gradle プラグイン io.github.beyondwin.fixthis.compose を使って、外部アプリに追加できます。
  • Claude Code または Codex に ./scripts/bootstrap-mcp.sh --sample でサンプルを設定させることができます。
  • エージェントに fixthis install-agent でアプリを設定させることができます。
  • Cursor、ChatGPT、または任意のチャットエージェントで Copy Prompt を使えます。
  • Claude Code または Codex で Save to MCP を使えます。
  • Save to MCP では、範囲を限定して秘匿化した Android 診断ベースラインを添付できます。 これを望まない場合は、セッションを Manual または Off に切り替えてください。Copy Prompt では収集は開始されません。
  • ADB と 127.0.0.1 を使ってローカルで実行されます。外部 API 呼び出しはありません。

クイックスタート:エージェントにアプリへ FixThis をインストールさせる

Claude Code / Codex ブートストラッププロンプト

Jetpack Compose Android アプリのルートから、これを Claude Code または Codex に貼り付けます。

Install FixThis in this project and configure it for this agent.

Use this order:
1. Run `fixthis install-agent --project-dir . --target all --verify --json`.
2. Use the JSON `readiness.state` and `actions[]` as the source of truth.
3. If `requiresUserAction` is true, tell me the exact blocking action.
4. Do not call `fixthis_open_feedback_console` until `readyForMcpTooling` is true, or until the report's `agent_after_restart` action is reached after restart.

Restart Claude Code or Codex if the report asks for it.
Do not configure release builds. Do not commit `.fixthis/`.

エージェントは次を実行します。

# macOS
brew install beyondwin/tools/fixthis

# Node
npm install -g @beyondwin/fixthis

# macOS/Linux fallback
curl -fsSL https://raw.githubusercontent.com/beyondwin/FixThis/main/scripts/install-fixthis.sh \
  | bash -s -- --version v1.5.0

fixthis install-agent --project-dir . --target all --verify --json

Homebrew にすでにインストールされている場合は、 brew update && brew upgrade beyondwin/tools/fixthis を実行し、 fixthis --version を確認してください。

fixthis install-agent は Gradle プラグインを適用し、MCP 設定を書き込み、 .fixthis/project.json と .fixthis/agent-setup.* を作成します。doctor が NEEDS_INSTALL を報告するかメタデータが不足している場合は、./gradlew fixthisSetup を実行し、 fixthis install-agent --project-dir . --target all --verify --json を再実行してください。 レポートで求められたら Claude Code または Codex を再起動し、 fixthis_open_feedback_console を呼び出します。手動で確認するには、 fixthis doctor --project-dir . --json を使います。

公開済みプラグイン:

plugins {
    id("io.github.beyondwin.fixthis.compose") version "1.5.0"
}

このプラグインはデバッグ専用のサイドキックを追加し、リリースビルドには適用されません。

クイックスタート:サンプルアプリからエージェントへの引き継ぎ

git clone <this-repo> && cd FixThis
./gradlew :fixthis-cli:installDist :fixthis-mcp:installDist
fixthis-cli/build/install/fixthis/bin/fixthis doctor --package io.github.beyondwin.fixthis.sample
fixthis-cli/build/install/fixthis/bin/fixthis run --package io.github.beyondwin.fixthis.sample

fixthis run はサンプルのデバッグ APK をインストールして起動し、 http://127.0.0.1:<port> で FixThis Studio を開きます。

コンソールで:

  1. Annotate をクリックします。
  2. UI 要素をクリックするか、範囲をドラッグします。
  3. 希望する変更内容を入力します。
  4. この画面のほかの箇所についても繰り返します。
  5. チャットエージェントには Copy Prompt を、Claude Code / Codex には Save to MCP を使います。

番号付きの注釈が表示され、Markdown をコピーするかローカルの MCP 引き継ぎ情報を保存すれば完了です。

メンテナーは、接続済みデバイスで Copy Prompt の手順を検証できます。

npm run real-copy-prompt:smoke -- --strict

目的に合わせて選ぶ

目的こちらから開始
アプリに手を加えずに試すサンプルのクイックスタート
デバッグビルドに追加するアプリに追加
エージェントを接続するエージェントを接続
このリポジトリから MCP をブートストラップするMCP.md
コンソールを使うコンソールの概要
プロダクトを理解するプロダクト
障害を診断するトラブルシューティング
コントラクトを確認するドキュメントのインデックス
コントリビュートするCONTRIBUTING.md
読者こちらから開始
初めて利用する方サンプルのクイックスタート
外部アプリの開発者アプリに追加
このリポジトリのエージェントAGENTS.md と プロジェクトマップ
メンテナードキュメントのインデックス と プロジェクトマップ
コントラクトまたは CLI の変更リファレンスコントラクト

スクリーンショットだけではだめなのですか?

対象が明確な場合は、スクリーンショットで十分です。FixThis は、UI が 複雑で、リストとして描画されていたり、主にコンポーザブル名で識別されたりする場合に役立ちます。

  • 行番号と一致理由を含む、ソース候補の上位 3 件
  • 呼び出し箇所、コンポーネント、コピー、レイアウト、相互運用性のいずれかを示す editSurface ヒント
  • 同一のカードを区別できるインスタンスのグループ化
  • 回転した画面や変更後の画面が保存に紛れ込まないようにする画面フィンガープリント
  • 視覚情報のみ、古い情報、AndroidView/WebView の可能性を正直に示す信頼度
  • Save to MCP 時に上限を設けたランタイム診断情報
  • 作業を重複させない、再試行に安全なバッチ処理

モジュール

モジュール役割
:app (sample/)検証用サンプル
:fixthis-compose-core純粋な Kotlin ドメイン
:fixthis-compose-sidekickデバッグ用 Android ランタイム
:fixthis-gradle-pluginソースインデックスとデバッグ設定
:fixthis-cliデスクトップ CLI
:fixthis-mcpMCP サーバーとローカルコンソール

詳細:プロダクト、判断の根拠、 アーキテクチャ。

ステータス

公開されているインストール方法:

  • Gradle プラグイン io.github.beyondwin.fixthis.compose
  • Maven io.github.beyondwin:fixthis-compose-sidekick および fixthis-compose-core
  • Homebrew brew install beyondwin/tools/fixthis
  • GitHub Release fixthis-cli-mcp-vX.Y.Z.tar.gz
  • npm @beyondwin/fixthis
  • MCP Registry io.github.beyondwin/fixthis

ライブダッシュボード:リリース準備状況。

main は最新のタグより先行している場合があります。CHANGELOG とリリースノートを参照してください。

このリポジトリのエージェントは AGENTS.md をお読みください。

信頼性

FixThis はお使いのマシン上で動作します。sidekick は ADB 経由で通信し、コンソールは localhost にバインドされ、Save to MCP は .fixthis/ の下に書き込みます。スクリーンショットには 機密性の高いピクセルが含まれる場合があります。共有する前に内容を確認してください。 .fixthis/ をコミットしないでください。

詳細:プライバシー、セキュリティ、 脅威モデル。

V1 の範囲は限定されています。Compose デバッグビルド、ローカル ADB、MCP を優先した引き渡し、 ベストエフォートのソース候補、クラウドへのアップロードなしです。ロードマップを参照してください。

ライセンス

MIT。サードパーティの通知は NOTICE にあります。

コメント

MCP は初めてですか?

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

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