Codex + Remotion 完整教程：2026 用 AI 做视频，从安装到出片
用 Codex 和 Remotion 真的能做出视频吗？这篇讲清 Remotion 是什么、Codex 现在怎么用、官方 Codex 插件怎么装、提示词怎么写，以及版权和费用，从零到出片一篇搞定。
Codex 能做视频吗？能。2026 年最稳的做法不是让 AI 直接"生成"一段视频，而是让 OpenAI 的编程智能体 Codex 用 Remotion 框架把视频"写"出来：你用自然语言描述需求，Codex 生成 React 代码，Remotion 把代码渲染成 MP4。Remotion 官方已经为 Codex 推出了专用插件和一整套 Agent Skills，这条路线现在是官方支持的正式工作流。
先给四个结论：
- 最快上手：ChatGPT 桌面应用里给 Codex 装 Remotion 插件，输入
$remotion，直接用自然语言"点播"视频； - 最可控：本地装 Remotion + Codex CLI，适合反复改稿、指定尺寸和批量出片；
- 免费边界：个人和 3 人以下团队用 Remotion 免费；4 人以上公司需要付费授权；
- 真实体验：社区实测 Codex 出视觉设计更强，Claude 修跨分辨率布局更强，两者可以配合用。
先分清：Codex 和 Remotion 各是什么
Remotion 是什么：用 React 写视频的开源框架
Remotion 是一个把"视频"变成"代码"的开源框架：你用 React 组件描述每一帧画面，它负责在浏览器里渲染每一帧，最终导出成 MP4。因为视频就是代码，所以改一个字、换一个颜色、批量生成一万条，都只是改参数重新渲染的事。
Remotion 目前在 GitHub 有 5.7 万星标，npm 月安装量超过 500 万次，官方文档超过 1000 页，Discord 社区成员超过 1 万人，是企业级"程序化视频"的主流选择。
| 项目 | 说明 |
|---|---|
| 定位 | 用 React 代码制作视频和动态图形的框架 |
| 官网 | remotion.dev |
| 开源地址 | github.com/remotion-dev/remotion |
| GitHub 星标 | 57K+（2026 年 8 月） |
| 月安装量 | 5M+ |
| 核心能力 | 代码写视频、Studio 实时预览、渲染导出 MP4、批量渲染、嵌入产品 |
| 费用 | 个人和 3 人以下团队免费，更大团队需付费授权 |
Codex 是什么：OpenAI 的编程智能体，2026 年已并入 ChatGPT
Codex 是 OpenAI 面向软件工程的 AI 编程智能体。2026 年它有两个关键变化：一是正式并入 ChatGPT，入口从"程序员的终端工具"变成 ChatGPT 桌面应用、网页、CLI 命令行、IDE 扩展和云端（Codex cloud）五个入口；二是底层模型升级到 GPT-5.6 系列，理解需求和执行任务的稳定性明显提升。
对做视频这件事来说，这个变化很关键：你不再需要先是个程序员，才能用上编程智能体。Codex 网页入口的具体变化可以看这篇《Codex 网页版下线了吗？2026 最新入口与使用方法》。
两个东西凑在一起，为什么等于"做视频"
Remotion 的本质是"视频是一段代码"，而写代码正是 Codex 最擅长的事。你不需要会 React，只需要把视频需求讲清楚：画面长什么样、文案是什么、节奏多快。剩下的从建项目、写组件、调动画到导出 MP4，全部由 Codex 完成。
为什么这个组合在 2026 年火了
2026 年中文社区里"Codex + Remotion"的教程突然密集出现，不是偶然，背后有三个推动力：
第一，Codex 并入 ChatGPT，门槛降到零。 过去用 Remotion 做视频的前提是会前端开发；现在只要有一个 ChatGPT 订阅，普通人也能指挥编程智能体干活。做视频的人，不需要先是程序员。
第二，Remotion 官方主动下场。 Remotion 在官方文档里专门开设了 AI 专区，为 Claude Code、Codex、Cursor、Kimi Code 各做了官方插件，还维护了 12 个官方 Agent Skills（下面详讲）。社区玩法变成了官方支持的标准工作流。
第三，它和"文生视频"互补，而不是竞争。 Sora 这类生成式视频擅长真实影像，但很难精确控制文字、数据和时长——让它出一个"数据完全正确的排行榜视频"基本不可能。Remotion 恰好相反：文字动画、数据可视化、排行榜、字幕卡、产品宣传这类"信息型视频"是它的主场，改一个数据重渲染即可，精确、可控、可批量。
一句话总结这个组合的分工：Remotion 负责"视频是代码"，Codex 负责"代码交给我写"。
上手方式一：ChatGPT 桌面端 Codex 插件（零命令行）
这是 Remotion 官方最推荐的新手路径，全程不碰命令行：
- 安装 ChatGPT 桌面应用（支持 macOS 和 Windows）；
- 进入 Codex，打开插件（Plugins）标签，搜索 "Remotion" 并安装官方插件；
- 新建一个项目，在输入框输入
$remotion，在插件被建议时接受它； - 之后直接用自然语言描述你要的视频，比如"做一个 15 秒的产品发布倒计时动画，深色背景、霓虹数字"。
适合人群：完全不想装开发环境的人、想最快验证一个视频想法的人。
两个前提要注意：需要 ChatGPT 付费订阅（Plus 及以上）；渲染大批量视频时本地资源有限，正式项目建议转到方式二。
上手方式二：Codex CLI + Remotion Agent Skills（推荐）
这是可控性最强的路径，适合认真做内容的人。整个流程 10 分钟内可以跑完：
第 1 步：装 Node.js。到 nodejs.org 下载 LTS 版本（18 及以上）。
第 2 步：装 Codex CLI：
npm install -g @openai/codex
装完在终端运行 codex，按提示登录 ChatGPT 账号。
第 3 步：创建 Remotion 项目：
npx create-video --yes --blank my-video
cd my-video
npm install
第 4 步：安装 Remotion Agent Skills（关键一步）：
npx remotion skills add
第 5 步：启动实时预览：
npm run dev
浏览器会打开 Remotion Studio，你在里面能实时看到视频画面。
第 6 步：再开一个终端窗口，启动 Codex：
cd my-video
codex
现在可以直接对话了，比如："帮我做一个 30 秒的竖版视频，介绍一款读书 App，分四个场景……"。Codex 会直接修改项目代码，Studio 里同步看到效果，满意后让它渲染导出 MP4。
为什么要装 Agent Skills
Agent Skills 是 Remotion 官方沉淀的最佳实践包，装上之后 Codex 生成的代码会遵循官方推荐的写法，出错率和返工次数明显下降。官方目前维护 12 个：
| Skill | 作用 |
|---|---|
| /remotion-best-practices | 全能入口，不确定用哪个时选它 |
| /remotion-create | 新建项目或组合（Composition） |
| /remotion-markup | 写画面：动画、排版、字体、音效的官方最佳实践 |
| /remotion-studio | 启动 Studio 预览 |
| /remotion-render | 渲染导出视频或静态图 |
| /remotion-maps | 地图动画：路线、标记、地理讲解 |
| /remotion-captions | 字幕和标题 |
| /remotion-saas | 把视频能力做成产品（SaaS 架构） |
| /remotion-interactivity | 让画面元素在 Studio 里可点选编辑 |
| /remotion-docs | 查官方文档的当前 API |
| /remotion-upgrade | 升级 Remotion 和相关依赖 |
| /remotion-multimedia | 处理视频音频元数据 |
Codex 的 Skill 机制原理（放在哪个目录、为什么不生效）可以看这篇《Codex Skill 怎么安装：目录结构、GitHub 下载与不生效排查》。想系统理解 Skill 和 Agent 的关系，推荐《MCP 和 Skill 的区别：AI Agent 工作流该先用哪个》。
提示词怎么写：一条能直接抄的模板
同样是 Codex + Remotion，提示词质量直接决定出片质量。社区反复验证过的有效要素有六个：
| 要素 | 说明 | 示例 |
|---|---|---|
| 目标 | 这条视频给谁看、投放到哪 | 读书 App 的投放素材，竖版 9:16 |
| 时长与尺寸 | 秒数、比例、分辨率 | 30 秒，1080×1920 |
| 素材 | 提供截图、Logo、文案原文 | 上传 App 界面截图和这段文案 |
| 配色 | 明确给色值或品牌色 | 主色 #1DB954，背景深灰 #121212 |
| 分镜 | 按场景分段描述 | 5 秒痛点、10 秒功能展示、15 秒收益 |
| 节奏与风格 | 快慢、音乐感、参考 | 节奏快，参考 Apple 发布会的极简风 |
一条能直接用的完整提示词：
帮我用 Remotion 做一条 30 秒竖版（1080×1920）的产品宣传视频。产品是一款读书 App。配色：背景深灰 #121212，主色绿色 #1DB954，白色文字。分三个场景：① 0-8 秒，"你有多久没读完一本书了？"文字逐字出现；② 8-22 秒，展示三张 App 界面截图（图片我已放到项目 public 目录），依次放大滑入，每张配一句功能文案；③ 22-30 秒，App Logo 出现，"每天 15 分钟，读完一本书"，最后停在下载按钮动效上。节奏偏快，文字动画用缓入缓出，不要花哨转场。
三个最常见的失败提示词，对号入座：
- "帮我做个视频"——没有素材、配色、分镜，Codex 只能随机发挥，你只能反复重试；
- "做得高级一点"——AI 无法理解"高级"，给它参考图或具体的风格词（极简、玻璃拟态、霓虹）；
- 改了十几轮还在对话里继续——上下文被垃圾填满，不如开新会话，把已确认的部分写进需求。
Reddit 上一位连续用 Codex + Remotion 做了几个月产品宣传视频的开发者给的实操建议：一定要给配色（否则 AI 会随机配色）、把产品截图直接发给它（让它自己拆解元素做动画）、文案和旁白提前定稿。
真实体验：Codex 和 Claude Code，谁做 Remotion 视频更好
这是中文社区讨论最多的问题。目前社区的主流实测结论是：
- 视觉设计和创意表达：Codex 更强。 它对设计方向的理解更准，生成的画面"看起来更像专业团队做的"；
- 跨分辨率布局修复：Claude 更强。 同一个项目要同时输出桌面、手机、Instagram、LinkedIn 多种比例时，Codex 容易在自适应布局、间距对齐上出问题，Claude 一句"确保所有对齐正确"往往能修好。
所以不少人形成了混合工作流：用 Codex 做设计和初版，需要适配多尺寸时把项目交给 Claude Code 修布局。另外，配音可以用音乐生成工具出音频，再把音频长度告诉 Agent，让它按音乐时长生成画面。
两个工具更全面的对比（含中文支持和价格）可以看《Cursor vs Claude Code：2026 年 AI 编程工具怎么选》。如果你是零基础起步，建议先读《Vibe Coding 入门指南：零基础第一周该干什么》。
版权与费用：动手前必须看清的三件事
第一，Remotion 不是完全开源免费
Remotion 源码开源，但采用自定义许可证，按"用的人是谁"收费：
| 使用者 | 许可 | 费用 |
|---|---|---|
| 个人，或 3 人及以下团队 | Free License | 免费，允许商用，条款适用 |
| 4 人及以上公司 | Company License | 按使用付费 |
| 手动创作场景（含本地用 AI Agent） | Remotion for Creators | $25/月/席位 |
| 批量渲染、自动化视频产品 | Remotion for Automators | $100/月起，$0.01/次渲染 |
| 大型企业 | Enterprise | $500/月起 |
个人创作者和小团队放心用；如果你的公司超过 3 个人，或者要做批量生成视频的产品，先去官方许可页确认（remotion.dev 的 Commercial 栏目），别等业务跑起来才发现合规问题。
第二，Codex 的费用
Codex 随 ChatGPT 订阅提供，Plus 及以上计划可用，重度使用受速率限制；也可以走 API 按量付费。国内开通和订阅的完整流程见《Claude Code 充值订阅全攻略》（同属 AI 编程工具订阅，渠道问题类似）。
第三，素材版权是你自己的责任
代码生成的动画本身归你，但视频里用到的图片、音乐、字体要单独确认商用授权。中文字体尤其容易踩坑：很多好看的字体禁止商用视频嵌入，用开源字体（思源黑体、阿里巴巴普惠体等）最稳。
最佳实践：七条实测有效的经验
- 先做 5 秒，再做 30 秒。 先让 Codex 做一个单场景小样确认风格，再扩展全片，避免全片返工；
- 盯着 Studio 改，不要盲改。 Remotion Studio 的实时预览就是为这个工作流设计的；
- 尺寸和比例一开始就定死。 横版改竖版不是"改个参数"，是重排所有布局；
- 文案先行。 视频只是信息的容器，文案没定稿就开做，返工率最高；
- 改不动就开新会话。 对话被几十轮修改污染后，把已确认需求写成一份新的简报重新开始，比继续纠缠快得多；
- 用 Git 管理项目。 视频是代码，代码就能回滚。每完成一个场景提交一次；
- 批量需求走参数化。 排行榜、日报播报这类批量视频，让 Codex 把文案做成输入参数，一条模板渲染 N 条——这正是 Remotion 相对剪辑软件的碾压性优势。
相关阅读
- 官方文档：Remotion 官网｜Remotion Codex 插件文档｜Remotion GitHub
- 官方入口：OpenAI Codex
- 站内指南：Codex Skill 怎么安装：目录结构、GitHub 下载与不生效排查
- 站内指南：AI 视频生成工具怎么选：任务类型、版权与验收清单
- 站内指南：Codex 网页版下线了吗？2026 最新入口与使用方法
本文信息截至 2026 年 8 月 24 日，基于 Remotion 官方文档与官网、OpenAI Codex 官方更新日志、Reddit r/codex 社区公开讨论整理。工具版本和价格变化较快，请以官方页面为准。
常见问题
Codex + Remotion 做视频免费吗？
框架层面：个人和 3 人以下团队使用 Remotion 免费（含商用）。工具层面：Codex 需要 ChatGPT 付费订阅（Plus 及以上）或 API 按量付费。公司超过 3 人或做批量渲染产品时，Remotion 需要付费授权（$25/月/席位起，自动化场景 $100/月起）。
Remotion 是什么？
Remotion 是一个用 React 代码制作视频的开源框架：把每一帧画面写成 React 组件，最终渲染导出 MP4。GitHub 星标超过 5.7 万，npm 月安装量超过 500 万，支持实时预览（Studio）、批量渲染和嵌入自己的产品。
不会写代码，能用 Codex + Remotion 做视频吗？
能。这正是 2026 年这条路线火起来的原因：Codex 负责写代码，你只需要用自然语言描述需求。零基础用户可以直接用 ChatGPT 桌面应用的 Remotion 插件，全程不碰命令行。需要具备的能力是把需求讲清楚，而不是写代码。
它和 Sora 这类文生视频有什么区别？
生成式视频（Sora 类）擅长真实影像，但难以精确控制文字、数据和时长；Codex + Remotion 擅长信息型视频——文字动画、数据可视化、排行榜、字幕、产品宣传，内容精确可控、可修改、可批量。两者是互补关系：要"像拍出来的"用前者，要"信息准确且可批量"用后者。
做一条 30 秒的视频大概要多久？
熟练后，从需求到出片通常在 30 分钟到 2 小时之间，主要时间花在风格确认和多轮微调上。首次配置环境需要额外 10-20 分钟。批量场景（一条模板渲染几百条）单条成本可以降到分钟级。
做出来的效果不满意，怎么排查？
三个方向：一是提示词是否给了素材、配色和分镜（最常见原因）；二是是否安装了官方 Agent Skills（没装的话生成质量明显下降）；三是多分辨率适配问题——社区经验是这类布局问题交给 Claude Code 修复更高效。
能做中文视频吗？
能，但要在提示词里明确指定中文字体（如思源黑体），并确认字体的商用授权。不指定时 Remotion 默认字体不含中文字形，中文会显示为方框。
Windows 能用吗？
能。ChatGPT 桌面应用、Codex CLI、Remotion 都支持 Windows 和 macOS，流程一致。唯一差异是个别 Shell 命令写法（PowerShell 与 bash），让 Codex 自己适配即可。
京ICP备2024094994号-29