在让 Claude 碰真实代码库之前，先要一个可丢弃的 HTML 模拟稿——你能一点就开时，才会知道自己真正想要什么，而不是等到三个 PR 之后才明白。
在接任何线路之前，先用假数据做一个单文件 HTML，模拟 Acme 新的逐帧标注工具栏。我想在碰真实应用之前，先对布局有反应。
底部居中悬浮胶囊。悬在进度条上方；播放时隐藏。最接近 Loom/Frame.io 的做法。
以上全是单文件静态假数据——尚未从 apps/player 读取任何内容。真实接线会放在 apps/player/src/annotate/Toolbar.tsx，由 frame_annotations 开关控制。
点选下方选项记录你的选择——下方回复模板会自动填充。
Q1最终该用哪种布局？胶囊靠近指针，但会挡住画面下三分之一；侧栏从不遮挡画面，却离进度条很远；放在进度条下方会占掉约 56px 播放器高度。
Q2颜色与笔画控件：始终显示在工具栏里（当前模拟稿），还是收进当前工具的弹出层？内联少点一次；弹出层能把胶囊缩短约 140px，对 13 寸笔记本很重要。
Q3评论抽屉目前叠在画面右缘（点「评论」按钮打开）。阅读时是否应把视频左推，避免标注被挡住？
Q4模糊是唯一导出时需服务端渲染的工具。v1 就放进工具栏（带「导出时处理」徽章），还是留到 v1.1，让首发全在客户端完成？