web-video-presentation v2.0.0: 渲染层从 OBS 实时录屏迁移至 Remotion 离线渲染

📝 描述

## 背景 web-video-presentation skill 原 v1.1.5 的出片层靠人工 OBS 实时录屏，存在掉帧入片、音画对齐靠 audio.ended+200ms trail 漂移、帧率无程序控制等短板。经调研（memory/web-video-tools-survey.md，2026-07-15 实测）确认 Remotion（53k ⭐，个人免费含商业出片）的离线逐帧渲染可消除这些问题。 ## 改造范围 - Phase 1-2 内容方法论原样保留（口播稿/outline/信息池/反AI味/主题 tokens 零耦合） - 模板层新增 src/remotion/（Root/Video/cursorAtFrame/timeline/frame-sync.css/chapterImports） - 新增 templates/scripts/build-timeline.ts（ffprobe 构建期时间轴生成器） - 新增 references/RENDERING.md（替代 RECORDING.md） - 删除实时录屏相关代码：useAudioPlayer/useAutoMode/AutoStartGate/AutoToggle - 动画约定更新：CSS keyframes + --delay 变量 + paused/负延迟帧同步；禁 transition；infinite 限装饰 - 文档全部改写，manifest.json version → 2.0.0 ## 验证结果（2026-07-16 实测） 5 条验收标准全 PASS： 1. 同步精度：音频段首帧=step 首帧，误差 0 帧 2. 确定性：双渲染 MD5 完全一致（d781d797b8667caf11cd3c550bf2d729） 3. 画质：1920×1080@30fps 恒定，无鼠标/UI/进度条入镜 4. 流程无人值守：npm run build-timeline && npm run render 返回值 0 5. Vite 回归：翻页预览/键盘导航正常

🏷️ 标签

web-video-presentation remotion rendering v2.0.0 claude-code-skill

🔄 推进状态