Inginnng/EditHere

これは何？

主な機能

• 01拡大鏡とピクセル情報を表示しながら、ホバーして画面要素を選択。
• 02点・ボックス・画面全体への番号付き注釈を、構造化JSONとしてエクスポート。
• 03ページをコンポーネントに分解し、ドラッグや拡大縮小で配置するか、座標を正確に指定。
• 04動画のフレームを一時停止して注釈を付け、タイムスタンプとフレーム画像をエクスポートに含める。
• 05Windows OCRまたはmacOS Visionを使ったローカルOCR。アップロードなし。
• 06AIツールからエディターを開き、フィードバックを受け取るためのコマンドラインインターフェイスとskill。

ユースケース

• WebやアプリのUIでボタン、カード、グラフを移動・サイズ変更するよう、AIアシスタントに指示する。
• 動画の特定フレームに注釈を付けて、ゲームのHUDやアニメーションのタイミングを確認する。
• コーディングエージェントに渡す前に、デザインモックアップへ正確な位置を指定して注釈を付ける。
• 縦に長いページを順に確認し、コメント付きの結合スクリーンショットを送る。

クイックスタート

1. 1

   ReleasesページからWindowsインストーラーまたはmacOS DMGをダウンロードします

2. 2

   グローバルショートカットのAlt + Shift + 2を押して、画面の範囲をキャプチャします

3. 3

   CLIを使ってAIツールに注釈ウィンドウを開かせます

   edithere-cli annotate

使う前に知っておきたいこと

• !PolyForm Noncommercial 1.0.0ライセンスのため、商用利用には作者の書面による許可が必要です。
• !macOSサポートはプレビュー段階で、アプリはまだAppleの公証を受けていません。
• !Linuxサポートはプレビュー段階で、Ubuntu 24.04を対象としており、Waylandでの動作には制限があります。
• !Windowsインストーラーはまだコード署名されていません。

収録されている特集

トピック

よくある質問

EditHere とは？

画面上の注釈、要素の移動、動画フレームへのメモを、AIコーディングアシスタント向けの構造化JSONフィードバックに変換するスクリーンショット・注釈ツール。 EditHereは、UIをどこをどう変更するか、AIアシスタントに正確に伝えるためのデスクトップツールです。画面の一部をキャプチャし、点・ボックス・画像全体に番号付きコメントを付けたり、ページを移動可能なコンポーネントに分割して新しい位置へドラッグしたりできます。変更内容は実際の変更前後の座標とともに記録されるため、アシスタントには文章による指示ではなく、ピクセル単位の正確な位置を伝えられます。

EditHere は無料で使えますか？ライセンスは？

EditHere は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

EditHere は今もメンテナンスされていますか？

活発にメンテナンス中。EditHere の最終コミットは 2026年11月6日 です。

EditHere は何に使えますか？

WebやアプリのUIでボタン、カード、グラフを移動・サイズ変更するよう、AIアシスタントに指示する。 動画の特定フレームに注釈を付けて、ゲームのHUDやアニメーションのタイミングを確認する。 コーディングエージェントに渡す前に、デザインモックアップへ正確な位置を指定して注釈を付ける。 縦に長いページを順に確認し、コメント付きの結合スクリーンショットを送る。

EditHere のインストール方法は？

ReleasesページからWindowsインストーラーまたはmacOS DMGをダウンロードします グローバルショートカットのAlt + Shift + 2を押して、画面の範囲をキャプチャします CLIを使ってAIツールに注釈ウィンドウを開かせます: edithere-cli annotate

EditHere はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/Inginnng/EditHere