🎯 Educare Tweak Bridge

Educareの「見た目ディテール改修を、テキストでなく指差しでAIに伝える」ツール。ページ上で要素をクリック→要望を一言→改修依頼書を生成。実際のソース改修は Claude/Codex が行う。

① ブックマークに登録（推奨）

下のボタンをブックマークバーにドラッグしてください（クリックではなくドラッグ）。

ドラッグできない場合は、下のテキストを丸ごとコピーして新規ブックマークのURL欄に貼り付け：

javascript:(()=>{var s=document.createElement('script');s.src='https://educare-tweak-bridge.pages.dev/picker.js?'+Date.now();document.body.appendChild(s);})();

② 使う

1. Educareのページ（staging educarelog.web.app / 本番 / ローカル）を開く

2. 登録したブックマークをクリック → 右下にパネル起動

3.「要素を選択」→直したい所をクリック→「どう変えたい？」入力→「この依頼を追加」

4. 複数溜めたら「全部コピー(依頼書)」→ Claude/Codex に貼る

補足

picker.js は認証情報やデータ送信を持たない汎用DOMツール（依頼書はクリップボード＝端末内に留まる）。 astro dev 上ではソースの file:line も自動特定。