在让 Claude 碰真实代码库之前，先让它做一个用完即弃的 HTML mock——当你能亲手点一点的那一刻，就知道自己真正想要什么了，不必等到三个 PR 之后才明白。
Before wiring anything up, make a single HTML file mocking Acme's new frame-annotation toolbar with fake data. I want to react to the layout before you touch the real app.
中文大意：先别急着接线，用假数据做一个单文件 HTML，mock 出 Acme 新的逐帧批注工具栏。我想先对布局提提反应，你再去碰真正的应用。
悬浮胶囊，底部居中。悬停在进度条上方；播放时自动隐藏。最接近 Loom/Frame.io 的现行做法。
以上全部是单个静态文件里的假数据——尚未从 apps/player 读取任何内容。真正接线时，代码会放在 apps/player/src/annotate/Toolbar.tsx，由 frame_annotations 开关控制。
点选一个选项记录你的选择——下方的英文回复模板会自动填好。
Q1最终上线用哪种摆放？胶囊离指针近，但会挡住画面下三分之一的动作；侧栏完全不遮挡画面，却离进度条很远；放进度条下方则要占掉约 56px 的播放器高度。
Q2颜色和笔画控件：一直显示在工具栏里（当前 mock 的做法），还是收进当前工具的弹出面板？内联能少点一次；弹出面板则能让胶囊缩短约 140px，这在 13 英寸笔记本上很要紧。
Q3评论抽屉目前覆盖在画面右缘（点「评论」按钮可以打开）。要不要改成把视频向左推开，让批注在阅读评论时永远不被遮住？
Q4模糊是唯一在导出时需要服务端渲染的工具。是留在 v1 工具栏里（加一个「导出时处理」的角标），还是推迟到 v1.1，让首个版本完全跑在客户端？