Codex + Remotion:一句话生成视频,从安装到跑通案例
想做视频,又不想打开剪辑软件慢慢拖时间轴?
可以试试这个组合:Codex + Remotion。
你只需要说一句话,比如:
帮我生成一个 15 秒的科技感产品介绍视频,黑色背景,蓝色发光线条,展示 3 个功能点,结尾出现 Logo。
Codex 会帮你写视频代码,Remotion 会把代码渲染成真正的视频。
听起来像偷懒?对,就是要偷这种懒。能让机器干的活,咱们别硬扛。
这套组合到底是干嘛的?
简单说:
- Codex:OpenAI 的 Agent 客户端,负责听懂你的需求、写代码、改项目、修报错。
- Remotion:一个用 React 写视频的工具,可以把页面、动画、字幕、图片、音频渲染成视频。
把它们放在一起,就变成了一个很顺手的视频生产工作流:
你提需求,Codex 写 Remotion 代码。
Remotion 预览画面。
没问题就导出 MP4。
整个过程不需要你在剪辑软件里拖素材、调关键帧、对字幕。尤其适合下面这些场景:
- 做 AI 工具演示短视频
- 做产品功能介绍
- 做知识卡片视频
- 批量生成口播配图视频
- 给公众号、小红书、B 站做封面动效
- 做 SaaS 产品更新视频
如果你每天都要做类似的视频,这套方法真的能省不少时间。
适合谁用?
这套方案更适合这几类朋友:
- 会一点点命令行,能复制粘贴命令
- 做内容,想把文字变成视频
- 做产品,需要快速出功能演示
- 会 React,但不想手写太多动画
- 想批量生成风格统一的视频模板
如果你完全不碰代码,也不是不能用。只是遇到报错时,你要愿意把报错丢给 Codex,让它继续修。
说白了,重点不是你会不会写代码。
重点是你会不会把需求说清楚。
准备工作
开干之前,电脑里需要准备这些东西:
- Node.js,建议 18 或更高版本
- npm 或 pnpm
- Codex 客户端
- 一个代码编辑器,比如 VS Code
- Remotion 项目
你可以先检查 Node 是否装好:
node -v
npm -v
能看到版本号就行。
如果命令报错,先去 Node.js 官网安装。别跳过这一步,很多人卡住不是因为 AI 不行,是环境没装好。
安装 Remotion 项目
新建一个 Remotion 项目:
npx create-video@latest codex-remotion-video
进入项目:
cd codex-remotion-video
启动预览:
npm start
浏览器会打开一个 Remotion 预览页面。
看到画面后,说明项目跑起来了。
这时你已经有了一个可以生成视频的“空白工作台”。接下来就让 Codex 接管。
用 Codex 接管项目
在项目目录里打开 Codex。
你可以直接告诉它:
请阅读这个 Remotion 项目结构,帮我生成一个 15 秒的视频。主题是 AI 工具发布预告,画面比例 16:9,风格是深色科技感。视频需要包含标题、3 个功能点、动态背景、结尾 CTA。请直接修改代码,并告诉我如何预览和导出。
注意,这里别只说“帮我做个炫酷视频”。
AI 最怕这种空泛需求。
你要把几个关键点讲清楚:
- 视频时长
- 画面比例
- 主题
- 风格
- 文案
- 动画节奏
- 是否需要字幕
- 是否需要图片或 Logo
- 结尾展示什么
需求越具体,Codex 写出来的东西越接近你想要的效果。
一句话生成视频的提示词模板
你可以直接套这个模板:
请用 Remotion 生成一个【时长】秒的视频,比例为【16:9 / 9:16 / 1:1】。
主题是【视频主题】。
目标观众是【观众类型】。
整体风格是【视觉风格】,颜色以【主色】和【辅助色】为主。
视频结构:
开场 0-3 秒展示【开场内容】;
中间展示【核心信息 1】【核心信息 2】【核心信息 3】;
结尾展示【行动引导】。
需要加入平滑转场、字幕动画、背景动效。
请直接修改当前 Remotion 项目代码,并保证 npm start 可以预览。
举个具体版本:
请用 Remotion 生成一个 20 秒的竖屏短视频,比例为 9:16。
主题是“3 个让上班族早下班的 AI 办公技巧”。
目标观众是每天写日报、做表格、整理会议纪要的职场人。
整体风格干净、有节奏,背景用浅灰和蓝色,字体要清晰。
视频结构:
0-3 秒显示标题“别再手搓日报了”;
4-8 秒展示技巧 1:用 AI 整理会议纪要;
9-13 秒展示技巧 2:用 AI 改写邮件;
14-17 秒展示技巧 3:用 AI 生成表格公式;
18-20 秒显示“收藏,下班前用一次”。
需要字幕逐行出现,卡片轻微上滑,结尾有强调动画。
请直接修改当前 Remotion 项目代码,并保证 npm start 可以预览。
这个提示词就很实用。
Codex 不用猜,它知道要做什么。
案例 1:AI 工具发布预告视频
需求可以这样写:
生成一个 15 秒的横屏视频,主题是 AI 写作工具发布预告。
画面比例 16:9,深色背景,加入蓝色和绿色发光线条。
开场展示产品名“PromptFlow”。
中间展示 3 个卖点:批量生成标题、自动改写文案、一键整理选题。
结尾展示“Now Available”。
整体节奏要像产品发布会开场,文字进场要有动效。
适合用来做:
- 产品内测宣传
- 官网首屏动效
- 社媒发布视频
- PPT 开场动画
这个案例的重点是气氛。
你不需要给太多素材,靠背景动效、文字层级、转场就能撑起来。
案例 2:知识卡片短视频
需求可以这样写:
生成一个 30 秒的竖屏短视频,主题是“普通人怎么开始用 AI 写日报”。
比例 9:16,风格清爽,适合小红书和视频号。
每 5 秒切换一张知识卡片。
内容包括:收集当天工作、整理成三段、突出结果、补充明日计划、让 AI 改得更像人话。
需要大标题、重点词高亮、底部进度条。
这个类型很适合做批量内容。
你可以把主题换成:
- 5 个 AI 搜索技巧
- 3 个 ChatGPT 提问方法
- 新手如何写提示词
- Excel 公式不会写怎么办
模板固定,内容替换。
每天发一条,压力会小很多。
案例 3:产品功能演示视频
需求可以这样写:
生成一个 25 秒的横屏视频,主题是 SaaS 产品功能演示。
模拟一个后台界面,展示用户从上传文件到生成报告的流程。
画面要有鼠标移动、按钮点击、进度条加载、结果卡片出现。
风格偏企业软件,干净、克制,不要太花。
这个案例很适合产品团队。
你还没来得及录屏,功能也还没完全上线?
没关系,可以先用 Remotion 做一个“概念演示版”。
拿去给老板、客户、投资人看,都比一页干巴巴的文档强。
案例 4:社媒封面动效
需求可以这样写:
生成一个 8 秒的视频封面动效,比例 1:1。
主题是“AI 自动剪视频教程”。
画面中间显示大标题,标题要有轻微缩放和发光效果。
背景加入网格线和漂浮的小图标。
结尾停留在最终封面画面,方便截图当封面。
这个很实用。
你发 B 站、视频号、小红书,经常需要封面。
静态封面可以用截图,动态封面可以直接导出视频。
一个模板改标题就能复用。
预览视频
Codex 改完代码后,回到终端运行:
npm start
在 Remotion 预览页里检查几个点:
- 字有没有超出画面
- 动画是不是太快
- 颜色对比够不够
- 字幕能不能看清
- 结尾有没有停留时间
- 手机竖屏比例有没有变形
别急着导出。
预览阶段多改两轮,后面省很多事。
你可以继续对 Codex 说:
标题太大了,手机上有点挤。请把标题缩小 15%,并增加上下安全边距。
或者:
第二段动画太快了,请把每张卡片停留时间延长 1 秒,转场更柔和一点。
这就是 Agent 的舒服之处。
它不只是生成一次,还能陪你改到能用。
导出 MP4
预览没问题后,就可以导出。
常见命令是:
npx remotion render
有些项目会要求你指定 composition:
npx remotion render MyVideo out/video.mp4
如果不知道 composition 名字,让 Codex 查一下项目并告诉你。
你也可以直接问:
请告诉我当前项目应该用什么命令导出 MP4,并确认输出文件路径。
导出完成后,去输出目录找视频文件。
一般会在 out 或项目根目录里。
想让视频更像人做的,提示词要加这些细节
很多人第一次生成的视频会有一个问题:
能看,但有点“模板味”。
解决办法不是疯狂堆“高级、震撼、酷炫”。这些词太虚。
你要写具体要求。
比如:
- 字体不要太花,正文优先清晰
- 每屏最多展示 2 行核心文字
- 重要词用颜色或加粗,不要整段都高亮
- 每个镜头停留时间至少 2 秒
- 结尾保留 1.5 秒静止画面
- 竖屏视频注意上下安全区,别贴边
- 产品演示别太炫,像真实后台界面
- 知识视频要有节奏,但别闪得看不清
这些话比“做得更高级”有用多了。
避坑清单
1. 别一上来就要 60 秒大片
新手建议从 8 秒、15 秒、20 秒开始。
时间越长,镜头越多,越容易乱。
先跑通一个短视频,再加内容。
2. 别把文案塞太满
视频不是文章。
一屏塞 100 个字,观众只会划走。
短视频里,每屏一两个重点就够了。
3. 竖屏一定要留安全边距
做 9:16 视频时,标题别贴到最上面。
底部也别放太重要的信息。
平台按钮、标题栏、进度条可能会挡住。
4. 报错别慌,直接喂给 Codex
遇到报错,把完整错误复制给 Codex:
运行 npm start 时出现下面的报错,请修复,并解释改了哪里:
【粘贴报错】
别只说“坏了”。
Codex 需要看到错误信息。
5. 素材路径最容易翻车
如果你要用 Logo、图片、音频,建议放在项目的 public 目录。
然后明确告诉 Codex:
Logo 文件在 public/logo.png,请在片尾展示 2 秒。
路径说清楚,少掉一半麻烦。
6. 不要一次改太多
觉得画面不满意,可以分轮改:
- 先改布局
- 再改颜色
- 再改动画
- 再改文案
- 再导出
一次让 Codex 改十几个点,容易越改越乱。
一个完整工作流
你可以按这个流程来:
- 新建 Remotion 项目
- 打开 Codex,让它读取项目
- 给出视频需求
- 运行
npm start预览 - 根据画面继续让 Codex 修改
- 确认比例、字幕、动画、结尾停留
- 运行 Remotion 导出 MP4
- 上传到平台或继续剪辑
这里真正关键的是第 3 步和第 5 步。
需求说清楚,后面少返工。
反馈说具体,视频才会越来越接近你脑子里的画面。
可以直接复制的万能指令
把下面这段保存起来,之后新项目直接用:
你现在是一个 Remotion 视频开发助手。请先阅读当前项目结构,然后帮我生成一个可预览、可导出的 Remotion 视频。
视频要求:
- 时长:【填写秒数】
- 比例:【16:9 / 9:16 / 1:1】
- 主题:【填写主题】
- 目标观众:【填写观众】
- 视觉风格:【填写风格】
- 主色:【填写颜色】
- 内容结构:【填写每一段展示什么】
- 动画要求:【填写转场、字幕、卡片、背景动效】
- 结尾:【填写 CTA 或 Logo】
请直接修改项目代码。完成后告诉我:
1. 修改了哪些文件
2. 如何运行预览
3. 如何导出 MP4
4. 如果需要我提供素材,请列出文件名和放置路径
这段够用了。
再配合具体主题,Codex 基本能把第一版跑出来。
值不值得折腾?
如果你只是偶尔剪一个旅行视频,没必要折腾这套。
打开剪映可能更快。
但你要是经常做结构固定的视频,比如教程、产品演示、知识卡片、工具合集,这套就很香。
因为它能模板化。
一次写好,后面换文案、换数据、换主题就能继续生成。
你不用每天对着时间轴抠半小时。
对内容创作者来说,这不是炫技。
这是把重复劳动交出去。
把时间留给选题、观点和表达。