核心路线2
Remotion
更符合 React、composition、数据驱动和精确时间轴方向时选择。
HyperFrames
更符合 HTML、CSS、JavaScript、UI 或 GSAP 动画方向时选择。
素材与精修2
ImageGen
缺插图、背景或场景素材时加入；它不是完整视频编辑框架。
Generative Polish
时间轴与主体画面完成后，需要光影、氛围或质感提升时加入。
特定内容按需1
HeyGen
只有科普视频明确需要数字人出镜或口播时才考虑。
暂时别装1
两条完整代码视频路线同时加入
没有混合工作流的明确理由时，先选 Remotion 或 HyperFrames 其中一条。
哪些工具会重叠？
先识别路线重叠，再决定是否真的要同时保留。
FUNCTION OVERLAP
Remotion vs HyperFrames
共同点代码驱动视频 · 动态画面 · 可进入科普或数据动画工作流
区别Remotion 偏 React、composition 与 timeline；HyperFrames 偏 HTML、CSS、JavaScript、GSAP 与浏览器渲染。
先按团队技术栈与目标视觉选择一条；不要默认把两条路线都装上。FUNCTION OVERLAP
ImageGen vs Generative Polish
共同点都可改善视频视觉资产
区别ImageGen 生成所需图片素材；Generative Polish 在已有画面基础上做最后精修。
缺素材和缺质感是两个问题，只添加当前缺少的能力。你要做什么？
这套配置适合科普、数据和解释型动画。开始前先判断画面主要依赖 React 与精确时间轴，还是依赖 HTML、UI 和 GSAP 风格的浏览器动画。这个选择比“多装几个工具”更重要。
核心路线二选一
Remotion 与 HyperFrames 都能进入代码驱动视频工作流，但出发点不同：前者偏 React、composition 与 timeline，后者偏 HTML、CSS、JavaScript、GSAP 和浏览器渲染。很多项目先选一个就够，不必默认同时维护两套路线。
素材和精修按需加入
缺图片、背景或场景时再考虑 ImageGen；主要画面完成后还需要光影、氛围或质感提升时，再考虑 Generative Polish。需要数字人出镜时才加入 HeyGen，纯动画内容不必为了“AI 视频”标签默认增加它。
安装顺序与精简建议
先用选定核心路线完成一个短片段，再识别素材缺口，最后判断是否需要视觉精修。ImageGen 与 Generative Polish 现已有可查看的正式说明；需求不再存在时，辅助工具应从组合中移除。
相关词条
继续把这些有关联的概念弄明白。
信息来源与最后检查
以下来源由审核编辑资料包提供。检查日期记录本次资料包核对，不代表重新在线验证了这些网页；例子用于解释概念。
官方资料
01最后检查： 2026年9月4日