别只沉迷在 Codex + HyperFrame 的组合了!
Codex + Remotion 同样王炸!
看完这套视频你能学会什么?
1. 工具基础概念
- Codex 是什么:集代码、协作者、插件于一体的 AI 界面,比 Claude Code 更适合非技术人员做复杂任务。
- Remotion 是什么:基于 React 的代码生成视频工具,AI写代码 → 自动渲染成动画视频。
- 为什么用它:提示驱动 vs 手动拖时间线,速度极快
2. 完整项目搭建流程
- 在 Codex 里新建项目文件夹 → 安装 Remotion 插件
- 文件组织技巧:创建专用文件夹,放 logo、PNG/SVG、背景渐变、动画元素等,便于后续复用和保持品牌一致性。
3. 从零开始实际制作视频
- 第一步:简单 Hello World 测试(黑底白字 + 抖动动画),熟悉 Remotion 怎么响应 prompt。
- 进阶:导入图片/Logo、添加文字、创建连接光束、淡入淡出、滑入滑出等动画。
- 迭代修改技巧:截图+精确描述,AI能精准理解并修改。
- 多场景构建:用时间线组织多段画面,实现完整故事流。
4. 音频与渲染
- 用 快速生成背景音乐,拖进项目文件夹,然后 prompt 让 AI 自动加入并调音量。
- 预览 + 最终渲染 MP4,一键导出可直接发到 X 平台
5. 实用高级技巧
- 品牌资产复用:提前做好背景、渐变、Logo 组合,后续 prompt 直接调用 red figure 或 dark grey gradient 即可保持风格统一。
- Prompt 写法:越具体越好,用 extra high reasoning effort
- 快速迭代:不用每次都重渲染,改 prompt 后直接预览,效率极高
顯示更多