Inginnng/EditHere

EditHere — 截图、写下意见、直接调整布局,把修改意图一次交给 AI。

概要

EditHere(「改这里」— 中国語で change here)は、曖昧な UI フィードバックを AI 向けの正確な視覚的指示に変換するデスクトップツールです。「ボタンを少し左に動かして」と入力する代わりに、ボタンを丸で囲んだり、ドラッグしたり、ビデオを適切なフレームで一時停止したりすると、EditHere はすべてを AI が実行できる構造化ファイルにまとめます。

Windows、macOS、Linux でローカルに動作し、それ自体が AI モデルを呼び出すことはありません。フィードバックを準備するだけで、あらゆる AI ツール(Codex、Claude Code など)がそれを利用できます。

解決する問題

AI にインターフェースの変更を依頼するとき、どこを どのくらい変更するかを言葉で説明するのは遅く、エラーが発生しやすいものです。EditHere は推測を排除します:

  • 場所 — 説明する代わりに、正確な場所をクリックします。
  • 程度 — 要素をドラッグ/リサイズします。EditHere は実際の変更前/変更後の座標を記録します。
  • 複数の編集 — 各コメントは番号付けされ、画面上の位置と照合されます。
  • ビデオ/アニメーションの問題 — 正確なフレームで一時停止し、コメントすると、エクスポートにはタイムスタンプとそのフレームの画像が含まれます。

仕組み

  1. キャプチャ — グローバルホットキー(Alt + Shift + 2)を押すか、AI に開始を依頼します。ホバーすると UI 要素が識別され、ホイールで選択範囲がズームされ、手動でボックスをドラッグすることもできます。
  2. コメント — ポイント、ボックス、グローバルノート、または「Explode」モード(下記参照)を使用します。画像上に直接考えを書き込みます。
  3. エクスポート — ワンクリックで JSON ファイルが生成されます。元の画像、座標付きのすべての注釈、要素の移動が含まれます。
  4. AI への引き渡し — JSON を手動で任意のチャットボットにコピーするか、(バンドルされている edithere-cli とスキルを使用して)AI が edithere-cli annotate を呼び出し、待機し、「完了して AI に戻る」 をクリックした瞬間にフィードバックを読み取ります。キャンセルまたはタイムアウトしても、未コミットの編集は送信されません。

主な機能(README より)

  • スマートスクリーンショット — ホバーして UI 要素をキャプチャ、手動ボックス選択、ピクセル座標と色情報(RGB/HEX/HSV/HSL)付き拡大鏡、固定アスペクト比(1:1、4:3、16:9、9:16、カスタム)、過去 20 件のキャプチャ履歴。
  • OCR(テキスト認識) — 選択した領域を行単位で読み取り、行をクリックすると画像上でハイライト表示されます。OS 標準のエンジン(Windows OCR / macOS Vision)を使用 — オフライン、アップロードなし、新しい依存関係なし。
  • 長いスクリーンショット — スクロール領域を選択すると、ツールがスクロールして長い画像を結合し、ライブサムネイルを表示します。重複する固定ヘッダーは 1 回だけ保持されます。
  • 注釈 — ポイント、ボックス、または全画面コメント。それぞれ番号付けされ、画像にマッピングされます。ワンクリックで JSON をエクスポートします。
  • 「Explode」モード — 画面を移動可能なコンポーネントに分割します。ドラッグ、スケーリング、または正確な座標の入力が可能で、各移動は変更前/変更後の領域を記録する注釈になります。元の位置は空白のままになり、AI が何かで埋める必要があることを認識します。
  • ビデオ注釈 — 任意のフレームで一時停止、コメント、別の時点にジャンプ。エクスポートされた JSON にはタイムスタンプとフレームキャプチャが含まれます。
  • プロジェクト保存 — .edithere ファイルに元の画像、注釈、編集状態が保存されるため、後で再度開いて続行できます。
  • 入力 — PNG / JPEG / WebP / BMP 画像と MP4 / MOV / WebM ビデオ。スクリーンショット、開くダイアログ、ドラッグ&ドロップ、ペーストで対応。
  • ローカルファースト — スクリーンショット、要素検出、OCR、編集はすべてお使いのマシンで行われます。更新チェックはバージョン情報のみ GitHub/Gitee に連絡します(オフにできます)。

JSON 例(README より)

エクスポートされたフィードバックは次のようになります(省略版):

{
  "image": "data:image/png;base64,…",                     // 元の画像(オプション)
  "annotationSpace": "result",
  "objects": [
    { "source": {"x1":1002,"y1":156,"x2":1464,"y2":384},
      "movements": [],
      "annotations": ["コンバージョン率の低下をもっと目立たせて、赤いラベル"] },
    { "source": {"x1":1760,"y1":50,"x2":1960,"y2":110},
      "movements": [{"to": {"x1":640,"y1":40,"x2":840,"y2":100}}],
      "annotations": ["エクスポートボタンをタイトルの隣に移動"] },
    { "source": null, "movements": [], "annotations": ["全体の余白を増やす"] }
  ]
}

プラットフォームとインストール

  • Windows 10 1809+ — 公式サポート。インストーラー EXE(管理者権限不要)またはポータブル ZIP。まだコード署名はされていません。チェックサムあり。
  • macOS 14+ — プレビュー段階、まだ公証されていません。ユニバーサル DMG。
  • Linux x86_64 — プレビュー、Ubuntu 24.04 を対象。AppImage。
  • README には、AI ツール(Codex、Claude Code)にインストール全体を実行させるためのプロンプトも含まれています。

ライセンス — 重要

PolyForm Noncommercial 1.0.0 — 個人、教育、研究、慈善、政府目的での使用は無料(ライセンス文書を添付すれば変更および再配布可能)。商用利用には作者の書面による許可が必要です(連絡先:inginnng@163.com)。名前とロゴはライセンスの対象外です。

ドキュメントと連絡先

ドキュメントは、ユーザーガイド、CLI/エージェント統合、AI 支援インストール、ビデオ注釈形式、Linux メモ、ビルド/開発、変更ログをカバーしています。フィードバックは GitHub issues または QQ グループ 1018416966 まで。


上記のすべての情報はプロジェクト README から直接取得したものであり、機能は追加または発明されていません。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト