🎬 Codex + Remotion:一句话生成视频
想做视频,又不想打开剪辑软件慢慢拖时间轴?试试这个组合:Codex + Remotion。
你只需要说一句话,比如:
Codex 会帮你写视频代码,Remotion 会把代码渲染成真正的 MP4 视频。
Remotion 是一个用 React 代码写视频的框架,GitHub 上已有 20,000+ Star。Codex 负责听懂你的需求、写代码、改项目、修报错,Remotion 负责把页面、动画、字幕、图片、音频渲染成视频。
🎯 适合谁用?
📱 内容创作者
每天要做短视频、知识卡片、口播配图视频,模板固定,内容频繁替换。
🛠️ 产品团队
需要快速出功能演示视频、产品预告、官网动效,等不及录屏和剪辑。
📊 运营/市场
要做批量化的社媒内容、封面动效、SaaS 更新视频,每期换数据换文案。
🤖 AI 爱好者
会一点命令行,想把文字直接变成视频,不想被剪辑软件折磨。
说白了,重点不是你会不会写代码——重点是你会不会把需求说清楚。
📦 快速上手
前置要求
在本站下载安装Codex中文版即可,其他一切自动配置。
安装 Remotion
新建一个 Remotion 项目:
cd codex-remotion-video
npm start
浏览器会打开一个 Remotion 预览页面,看到画面说明项目跑起来了。
用 Codex 接管项目
在项目目录里打开 Codex,直接告诉它你的需求。比如:
请阅读这个 Remotion 项目结构,帮我生成一个 15 秒的视频。
主题是 AI 工具发布预告,画面比例 16:9,风格是深色科技感。
视频需要包含标题、3 个功能点、动态背景、结尾 CTA。
请直接修改代码,并告诉我如何预览和导出。
📝 万能提示词模板
可以直接套这个模板,省得每次重写:
请先阅读当前项目结构,然后帮我生成一个可预览、可导出的视频。
视频要求:
- 时长:【秒数】
- 比例:【16:9 / 9:16 / 1:1】
- 主题:【主题】
- 视觉风格:【深色科技感 / 清新 / 极简】
- 主色:【颜色】
- 内容结构:
0-3秒:【开场】
4-8秒:【内容1】
9-13秒:【内容2】
14-18秒:【内容3】
19-20秒:【结尾CTA】
- 动画要求:平滑转场、字幕逐行出现、卡片上滑动效
请直接修改项目代码。完成后告诉我:
1. 修改了哪些文件
2. 如何运行预览
3. 如何导出MP4
🎨 实用案例
案例 1:产品发布预告
15 秒横屏,深色科技感,展示产品名 + 3 个卖点 + 结尾"Now Available",适合内测宣传和官网首屏。
案例 2:知识卡片短视频
30 秒竖屏,每 5 秒切换知识卡片,适合小红书和视频号。模板固定换主题即可批量生成。
案例 3:功能演示
25 秒横屏,模拟后台界面操作流程——鼠标移动、按钮点击、进度条加载、结果卡片出现。功能还没上线也能先出概念版。
案例 4:封面动效
8 秒 1:1 封面动效,标题缩放发光 + 背景网格,导出后截图做封面或直接当动态封面用。
⚠️ 避坑清单
- 别一上来就要 60 秒大片 — 新手从 8-15 秒开始,先跑通再加内容。
- 别把文案塞太满 — 短视频每屏一两个重点就够了,100 个字观众只会划走。
- 竖屏留安全边距 — 标题别贴边,底部别放重要信息,平台按钮会挡住。
- 报错别慌,直接喂给 Codex — 把完整错误复制给它,别说"坏了"。
- 素材路径说清楚 — Logo 放
public/目录,明确告诉 Codex 文件路径。 - 一次只改一个方面 — 先改布局 → 再改颜色 → 再改动画 → 再改文案,别让 Codex 一次改十几处。
🔄 完整工作流
- 新建 Remotion 项目(
npx create-video@latest) - 打开 Codex,让它读取项目结构
- 给出视频需求(套用上面的模板)
- 运行
npm start预览 - 根据画面让 Codex 继续修改完善
- 确认比例、字幕、动画、结尾停留
- 运行
npx remotion render导出 MP4 - 上传发布!
🎉 把重复劳动交出去
Codex + Remotion 不是让你变成剪辑高手,而是让你不用变成剪辑高手也能做视频。
把时间留给选题、观点和表达——让 AI 帮你完成重复劳动。
Remotion 官网: remotion.dev · GitHub: remotion-dev/remotion