UI Feedback Capture

ページの要素と画像への修正指示を、AI向けプロンプトにまとめます。

ウェブページの「ここを変えたい」を、AIへの修正指示に。 UI Feedback Captureは、ページの要素をクリックしてコメントを残し、複数の指示をまとめてコピーできるChrome拡張機能です。 主な機能 ・要素の枠の上・下で、その場で修正内容を入力 ・複数コメントの管理と、対象要素のホバー表示 ・タグ名、セレクター、HTML、CSS、位置を含む修正プロンプトの一括コピー ・選択した要素のHTML・PNG画像の保存 ・要素を選ばずに表示範囲またはページ全体をスクリーンショット ・ペン、囲み、矢印による画像への書き込み ・ブラウザー標準の日本語音声入力 ・ページごとの下書き保存 使い方 拡張アイコンを押すと右上のパネルが開き、すぐにページ上の要素を選択できます。変更したい要素をクリックしてコメントを入力し、「要素を追加」で指示を続け、「完了」で一覧へ戻ります。パネルの「要素を選択」で選択を再開できます。 要素を選ばなくても、パネルで撮影範囲を選び「撮影」を押すと画像に書き込めます。 「プロンプトをコピー」で指示をまとめて取り出し、普段使っているAIへ貼り付けて使います。画像はテキストとは別にコピーまたはPNG保存して添付してください。AIサービスへの自動送信は行いません。 音声入力にはマイクの許可とインターネット接続が必要です。音声はブラウザーの認識サービスへ送信される場合があります。モデルのダウンロードは不要です。 下書きはChromeのローカルストレージに保存します。開発者が管理するサーバーへの送信、分析、広告、販売はありません。 Chromeの管理画面など保護されたページでは利用できません。全ページ撮影はドキュメントのスクロール領域が対象です。無限スクロールや内部スクロール領域など、一部のページには対応できません。 ソースコードと使い方 https://github.com/takusandayooo/UI-Feedback-Capture