Inginnng/EditHere
EditHere — 截图、写下意见、直接调整布局,把修改意图一次交给 AI。
概要
EditHere(「改这里」— 中国語で change here)は、曖昧な UI フィードバックを AI 向けの正確な視覚的指示に変換するデスクトップツールです。「ボタンを少し左に動かして」と入力する代わりに、ボタンを丸で囲んだり、ドラッグしたり、ビデオを適切なフレームで一時停止したりすると、EditHere はすべてを AI が実行できる構造化ファイルにまとめます。
Windows、macOS、Linux でローカルに動作し、それ自体が AI モデルを呼び出すことはありません。フィードバックを準備するだけで、あらゆる AI ツール(Codex、Claude Code など)がそれを利用できます。
解決する問題
AI にインターフェースの変更を依頼するとき、どこを どのくらい変更するかを言葉で説明するのは遅く、エラーが発生しやすいものです。EditHere は推測を排除します:
- 場所 — 説明する代わりに、正確な場所をクリックします。
- 程度 — 要素をドラッグ/リサイズします。EditHere は実際の変更前/変更後の座標を記録します。
- 複数の編集 — 各コメントは番号付けされ、画面上の位置と照合されます。
- ビデオ/アニメーションの問題 — 正確なフレームで一時停止し、コメントすると、エクスポートにはタイムスタンプとそのフレームの画像が含まれます。
仕組み
- キャプチャ — グローバルホットキー(
Alt + Shift + 2)を押すか、AI に開始を依頼します。ホバーすると UI 要素が識別され、ホイールで選択範囲がズームされ、手動でボックスをドラッグすることもできます。 - コメント — ポイント、ボックス、グローバルノート、または「Explode」モード(下記参照)を使用します。画像上に直接考えを書き込みます。
- エクスポート — ワンクリックで JSON ファイルが生成されます。元の画像、座標付きのすべての注釈、要素の移動が含まれます。
- 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 から直接取得したものであり、機能は追加または発明されていません。
関連
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト