Hyperframes B-roll Overlay 视频

从口播稿+真人视频，生成带 B-roll overlay 动画的最终成片。一个 index.html，一次 render。

核心理念

1. 一个 index.html，一个 render。 禁止分开渲染再 ffmpeg overlay
2. 从零构建，不复制模板。 按 DESIGN.md 从零写每个场景 HTML
3. 时间戳驱动。 官方 npx hyperframes transcribe 拿真实时间戳
4. 每个场景不同视觉风格。 在 DESIGN.md 框架内做变体
5. B-Roll 占视频 30% 时长。 按内容密度分配，不是均分

不适用场景

• 从零做视频（无口播稿+无视频） → /make-a-video
• 纯动画/PPT（无真人出镜） → /hyperframes
• 竖屏短视频（9:16） → 需额外适配，本 skill 按 16:9

make-a-video 是完整视频创作流程（8-gate，从选题到渲染），laohan-donghua 是 B-roll overlay 专项流程（18-step，口播稿+真人视频→overlay 成片）。两者并行，不嵌套。