在 Claude 碰到真正 codebase 之前，先讓它做一個用完即丟的 HTML mock——你在可以點擊的那一刻就會知道自己真正想要什麼，不用等三個 PR 之後。
在接任何東西之前，先做一個 HTML 檔案，用假資料模擬 Acme 的新影格標註工具列。我想先對版面做出反應，再讓你動真正的 app。
浮動膠囊，置中於底部。懸浮在進度條上方；播放時會隱藏。最接近 Loom / Frame.io 的做法。
上面所有內容都是一個靜態檔案裡的假資料——還沒讀取 apps/player。真正接線會放在 apps/player/src/annotate/Toolbar.tsx，藏在 frame_annotations flag 後面。
點選標籤記錄你的選擇——下方的回覆範本會自動填好。
Q1哪個位置要上線？膠囊離指標近但會擋住畫面下三分之一；軌道永遠不遮畫面但離進度條很遠；進度條下方會吃掉 ~56px 的播放器高度。
Q2顏色 + 筆劃控制：永遠顯示在列上（目前的 mock），還是收到啟用工具的彈出選單裡？常駐快一次點擊；彈出選單讓膠囊縮短 ~140px，在 13 吋筆電上很重要。
Q3留言抽屜目前覆蓋在畫面右側（點「留言」按鈕試試）。要不要改成把影片往左推，這樣看留言時標註永遠不會被蓋住？
Q4模糊是唯一需要伺服端渲染才能輸出的工具。v1 就放進工具列（加個「輸出時處理中」標籤），還是留到 v1.1，讓首發版全部在 client 端處理？