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

🎬 Codex + Remotion:一句话生成视频

想做视频,又不想打开剪辑软件慢慢拖时间轴?试试这个组合:Codex + Remotion

你只需要说一句话,比如:

"帮我生成一个 15 秒的科技感产品介绍视频,黑色背景,蓝色发光线条,展示 3 个功能点,结尾出现 Logo。"

Codex 会帮你写视频代码,Remotion 会把代码渲染成真正的 MP4 视频

Remotion 是一个用 React 代码写视频的框架,GitHub 上已有 20,000+ Star。Codex 负责听懂你的需求、写代码、改项目、修报错,Remotion 负责把页面、动画、字幕、图片、音频渲染成视频。

🎯 适合谁用?

📱 内容创作者

每天要做短视频、知识卡片、口播配图视频,模板固定,内容频繁替换。

🛠️ 产品团队

需要快速出功能演示视频、产品预告、官网动效,等不及录屏和剪辑。

📊 运营/市场

要做批量化的社媒内容、封面动效、SaaS 更新视频,每期换数据换文案。

🤖 AI 爱好者

会一点命令行,想把文字直接变成视频,不想被剪辑软件折磨。

说白了,重点不是你会不会写代码——重点是你会不会把需求说清楚。

📦 快速上手

前置要求

在本站下载安装Codex中文版即可,其他一切自动配置。

安装 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。
请直接修改代码,并告诉我如何预览和导出。
💡 需求越具体,效果越好。 时长、比例、主题、风格、文案、动画节奏——说清楚这些,Codex 写出来的东西越接近你想要的效果。

📝 万能提示词模板

可以直接套这个模板,省得每次重写:

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

视频要求:
- 时长:【秒数】
- 比例:【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 封面动效,标题缩放发光 + 背景网格,导出后截图做封面或直接当动态封面用。

💡 实用技巧: 预览阶段多改两轮,别急着导出。Codex 不只是生成一次,还能陪你改到满意。觉得字体太小、动画太快、颜色不对——直接告诉它,它会改。

⚠️ 避坑清单

  1. 别一上来就要 60 秒大片 — 新手从 8-15 秒开始,先跑通再加内容。
  2. 别把文案塞太满 — 短视频每屏一两个重点就够了,100 个字观众只会划走。
  3. 竖屏留安全边距 — 标题别贴边,底部别放重要信息,平台按钮会挡住。
  4. 报错别慌,直接喂给 Codex — 把完整错误复制给它,别说"坏了"。
  5. 素材路径说清楚 — Logo 放 public/ 目录,明确告诉 Codex 文件路径。
  6. 一次只改一个方面 — 先改布局 → 再改颜色 → 再改动画 → 再改文案,别让 Codex 一次改十几处。

🔄 完整工作流

  1. 新建 Remotion 项目(npx create-video@latest
  2. 打开 Codex,让它读取项目结构
  3. 给出视频需求(套用上面的模板)
  4. 运行 npm start 预览
  5. 根据画面让 Codex 继续修改完善
  6. 确认比例、字幕、动画、结尾停留
  7. 运行 npx remotion render 导出 MP4
  8. 上传发布!
💡 如果你经常做结构固定的视频(教程、产品演示、知识卡片),这套方案特别香——一次写好模板,后面换文案、换主题就能继续生成,不用每天对着时间轴抠半小时。

🎉 把重复劳动交出去

Codex + Remotion 不是让你变成剪辑高手,而是让你不用变成剪辑高手也能做视频。

把时间留给选题、观点和表达——让 AI 帮你完成重复劳动。

Remotion 官网: remotion.dev · GitHub: remotion-dev/remotion