AI Fix Prompt Helper Chrome extension security report

「ここの文言を変えて、この色を直して…」をAIに正確に伝えるのは意外と大変です。 本拡張機能は、AIで生成したWebページ(LP・プロトタイプなど)の修正指示プロンプトを、ページ上をクリックするだけで作成できるツールです。 ◆ こんな方におすすめ ・Claude、ChatGPT、Cursor などのAIツールでWebページを作成・修正している方 ・「どの要素をどう直したいか」を言葉で説明するのに手間取っている方 ・修正箇所が多く、指示の抜け漏れをなくしたい方 ◆ 主な機能 1. 要素をクリックして修正点を登録 ツールバーのアイコンをクリックするとパネルが開きます。「要素を選択」モードで変更したい箇所をクリックすると、その要素の場所(CSSセレクタ・XPath)が自動で特定されます。 2. 修正タイプをボタンで選択 ・手動入力: 修正内容を自由に記述 ・テキスト変更: 全置き換え/部分修正(修正前→修正後) ・カラー変更: 16進カラーコード入力、スポイトで画面から色を取得、ページ内で使われている色から候補を選択 ・画像置き換え: 置き換え後のファイル名を指定 3. 修正点をハイライト表示 登録した要素はオレンジ色の枠と番号バッジで表示され、どこを修正するのか一目で分かります。一覧から要素へのジャンプ、編集、個別削除も可能です。 4. プロンプトをワンクリックでコピー 登録した修正点をまとめて、AIがそのまま実行できる形式の修正指示プロンプトを生成し、クリップボードにコピーします。あとはお使いのAIツールに貼り付けるだけです。修正箇所はドメインを除いたパスとCSSセレクタで正確に指定されます。 ◆ 便利なポイント ・修正点はURLごとにブラウザ内へ自動保存。ページを再読み込みしても、後日開き直しても復元されます ・file:// やローカルサーバー(127.0.0.1 など)のページにも対応。ローカル開発中のページでそのまま使えます ・リセットボタンで、そのページの修正点をいつでもまとめて消去できます(誤操作防止の2段階確認付き) ・CSSセレクタ・XPath・要素タグは個別にコピーすることもできます ◆ プライバシー ・閲覧データや修正内容が外部に送信されることは一切ありません。すべてお使いのブラウザ内にのみ保存されます ・アカウント登録は不要です ◆ 使い方 1. 修正したいページを開き、ツールバーのアイコンをクリック 2. 「＋ 要素を選択して修正点を追加」をクリックし、変更したい要素をクリック 3. 修正タイプを選んで内容を入力し、保存 4. 「プロンプトをコピー」を押して、AIツールに貼り付け ※ file:// のローカルHTMLで使う場合は、chrome://extensions の本拡張機能の詳細画面で「ファイルのURLへのアクセスを許可する」をONにしてください。