用途:motion-graphics 根据视频文件夹中的 markdown 脚本,用 Remotion 生成无声叠加式动态图形 MP4 片段,供用户叠加到 4K 30fps 配音时间线上。它不适用于制作完整的独立讲解视频,输出的是已有语音轨道的叠加素材。
主要能力与输出:每个片段为 3840x2160(4K)、30fps、H.264、无声,时长匹配脚本段落的自然朗读时间,多数为 2-15 秒,渲染到 motion-graphics/out/<clip-id>-{A,B,C}.mp4。每段生成 3 个变体(A/B/C)供挑选,未选中的两个 MP4 移到 out/_rejected/ 而不删除,三份 .tsx 均保留在 src/clips/。
工作流程:先定位视频文件夹顶层的 .md 脚本(唯一则直接使用,多个则询问,缺失则停止并提示粘贴),脚本绝不被修改;随后在 motion-graphics/ 下用 npx create-video@latest --yes --blank --no-tailwind motion-graphics 脚手架 Remotion 项目,复制脚本为 script.md,运行 cd motion-graphics && npx skills add remotion-dev/skills,并 npm install @remotion/shapes @remotion/transitions @remotion/google-fonts @remotion/paths @remotion/animation-utils @remotion/layout-utils。接着抓取脚本中的 URL 作为视觉参考(失败则记录到 refs/blocked-urls.md 并继续),按解说价值提出片段清单并以表格告知用户后直接进入生成,不停等审批。每段写 notes 文件,写 3 份组件,主题令牌来自 ../theme,时长用 word_count/2.5+0.7s 折算帧数,在 Root.tsx 注册 3 个 Composition(ID 仅用破折号),先 npx tsc --noEmit 类型检查,再从 motion-graphics/ 内用 npx remotion render clip-01-a --codec=h264 out/clip-01-A.mp4 等命令渲染。用户选定后归档落选 MP4 并更新 notes;修订只改选定变体并重渲染;中途可再次调用按需追加片段。
风格与限制:遵循 STYLE.md,不出现页眉页脚或编号,文字不重述语音,每个片段只表达一个想法,默认弹簧动画。禁止带音频渲染,禁止修改 script.md,禁止删除落选变体,禁止跳过 notes;若某段纯叙事、加视觉只是填充,应说明并跳过。变体须在构图、揭示方式、视觉隐喻或动作预设上真正不同,否则建议只做 2 个。