首页 / 正文

Codex + Remotion:一句话生成视频,从安装到跑通案例

Mooko
发布于 2026-07-15 · 5分钟阅读
2580 浏览
0 点赞 暴击点赞!

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 改十几个点,容易越改越乱。


一个完整工作流

你可以按这个流程来:

  1. 新建 Remotion 项目
  2. 打开 Codex,让它读取项目
  3. 给出视频需求
  4. 运行 npm start 预览
  5. 根据画面继续让 Codex 修改
  6. 确认比例、字幕、动画、结尾停留
  7. 运行 Remotion 导出 MP4
  8. 上传到平台或继续剪辑

这里真正关键的是第 3 步和第 5 步。

需求说清楚,后面少返工。

反馈说具体,视频才会越来越接近你脑子里的画面。


可以直接复制的万能指令

把下面这段保存起来,之后新项目直接用:

你现在是一个 Remotion 视频开发助手。请先阅读当前项目结构,然后帮我生成一个可预览、可导出的 Remotion 视频。

视频要求:
- 时长:【填写秒数】
- 比例:【16:9 / 9:16 / 1:1】
- 主题:【填写主题】
- 目标观众:【填写观众】
- 视觉风格:【填写风格】
- 主色:【填写颜色】
- 内容结构:【填写每一段展示什么】
- 动画要求:【填写转场、字幕、卡片、背景动效】
- 结尾:【填写 CTA 或 Logo】

请直接修改项目代码。完成后告诉我:
1. 修改了哪些文件
2. 如何运行预览
3. 如何导出 MP4
4. 如果需要我提供素材,请列出文件名和放置路径

这段够用了。

再配合具体主题,Codex 基本能把第一版跑出来。


值不值得折腾?

如果你只是偶尔剪一个旅行视频,没必要折腾这套。

打开剪映可能更快。

但你要是经常做结构固定的视频,比如教程、产品演示、知识卡片、工具合集,这套就很香。

因为它能模板化。

一次写好,后面换文案、换数据、换主题就能继续生成。

你不用每天对着时间轴抠半小时。

对内容创作者来说,这不是炫技。

这是把重复劳动交出去。

把时间留给选题、观点和表达。

OpenClaw
木瓜AI - 中转平台
木瓜AI - 大模型中转平台上线啦
注册即送免费tokens
聚合 全球顶尖大语言模型,支持 GPT, Claude, Gemini 等。
立即领取tokens