用 Codex + Remotion 实现无痛自媒体视频日更 ✍ Rachel🕐 2026-07-02📦 11.5 KB 🟢 已读 𝕏 文章列表 本文介绍了一种利用 Codex 和 Remotion 实现自媒体视频日更的工作流。通过将视频制作转化为可维护的代码项目,将脚本转变为结构化 JSON 数据,作者展示了如何搭建一条自动化的视频生产线,从而替代繁琐的手工剪辑,实现高质量内容的稳定产出。 CodexRemotion自媒体自动化视频制作React工作流 # 用 Codex + Remotion 实现无痛自媒体视频日更,涨粉过万:把剪视频变成维护一条生产线 **作者**: Rachel **日期**: 2026-07-01T20:28:25.000Z **来源**: [https://x.com/Zesee/status/2072417062165635433](https://x.com/Zesee/status/2072417062165635433) ---  最近两个月,我开始一个人做视频,拿到了抖音8k多粉丝,小红书2k粉丝的结果,总结了这套用codex做视频的方法论。 很多人做不到经常更新视频,因为每一条视频都要重复做一堆低价值动作: 写脚本、拆分镜、找素材、做封面、排字幕、调动画、导出不同尺寸、检查错字、修时间轴、再导出一遍。 如果你每天都从空白剪辑工程开始,日更一定会痛苦。 我现在更推荐另一种思路:不要把视频当成一次性剪辑项目,而是把它当成一个可维护的代码项目。 这就是 Codex + Remotion 最适合自媒体创作者的地方。 Codex 负责把你的想法、脚本、修改意见,转成可运行、可复用、可检查的代码和数据;Remotion 负责把 React 组件、JSON 数据、字幕、图片、音频渲染成视频。 一句话:人负责观点和判断,Codex 负责搭生产线,Remotion 负责稳定出片。 ## 为什么不是继续用剪映? 剪映当然好用。 如果你每天做的是强依赖实拍素材、情绪剪辑、现场感的内容,剪映仍然是最直接的工具。 但如果你做的是下面这些内容,Remotion 会越来越有优势: 知识卡片视频;AI 工具教程;数据可视化视频;新闻解读;金句/观点短视频;播客切片包装;产品更新视频;课程切片等等。 这些视频有一个共同点:它们每天都不同,但结构高度相似。 比如一条 60 秒 AI 工具干货视频,可能永远是这个结构: - 3 秒钩子 - 8 秒问题 - 20 秒方法 - 20 秒案例 - 9 秒总结和行动建议 每天shuo de内容变了,但版式、字幕、动画、节奏、转场、封面风格、品牌色都不应该每天重做。 Remotion 的逻辑是“维护一个模板,然后每天喂新数据”。 这就是日更痛苦程度的分水岭。 ## Codex 在这里到底做什么? Codex 不是一个“帮你想标题”的聊天机器人,而是一个软件开发智能体。 OpenAI 官方对 Codex 的定位是:它可以写代码、理解代码库、审查代码、调试问题,并自动化重复开发任务。 放到自媒体视频生产里,它的角色就很清楚: 帮你搭 Remotion 项目;把视频模板写成 React 组件;把你的脚本拆成 JSON 数据;根据账号风格修改动画和版式;生成渲染脚本;检查字幕是否溢出;批量导出不同平台版本;把重复流程沉淀成 `AGENTS.md` 或 Skill;每次出错时读报错、改代码、重新渲染 关键的是,Codex 可以在一个真实项目里持续工作。你不是每天重新教它一次“我的视频要什么风格”,而是把风格、规则、命令、验收标准写进项目。 比如在项目根目录放一个 `AGENTS.md`: ``` # AGENTS.md ## 视频账号规则 - 默认做 1080x1920 竖屏视频,30fps。 - 每条视频控制在 45-75 秒。 - 字幕必须在安全区内,不能遮挡主视觉。 - 标题最多两行,每行不超过 14 个中文字符。 - 动画要干净,不要花哨转场。 - 每次改模板后,先渲染第 30 帧 still 检查布局。 - 最终导出 mp4 到 outputs/。 ``` 这样你下次只要说:“用今天这篇文章生成一条 60 秒视频”,Codex 就知道项目规则,而不是从零开始猜。 ## Remotion 在这里到底做什么? Remotion 的核心很简单:用 React 写视频。 官方文档里讲得很直白:Remotion 给你一个帧号和一块空白画布,你可以用 React 在每一帧渲染任何内容。一个视频本质上就是一组随时间变化的图像。 这件事对自媒体很重要。 因为一旦视频变成代码,你就可以做这些事: - 用同一套组件生成 100 条不同视频 - 用 JSON 控制文案、字幕、图片、音频和时长 - 用变量控制颜色、字体、品牌元素 - 用函数控制动画节奏 - 用脚本批量渲染不同平台尺寸 - 用 Git 保存每次模板改动 - 用 Codex 维护、重构、修复整个生产线 Remotion 不是“更复杂的剪映”,它更像一个视频生成引擎。 剪映适合手工剪一条视频。Remotion 适合批量生产同一类高一致性视频。 ## 最小可行生产线长什么样? 一开始不要做复杂系统。你只需要一个能稳定日更的最小生产线。 目录可以这样设计: ``` daily-video/ AGENTS.md package.json src/ Root.tsx compositions/ DailyExplainer.tsx ToolTutorial.tsx QuoteCard.tsx components/ TitleCard.tsx Caption.tsx ProgressBar.tsx SceneCard.tsx BrandMark.tsx styles/ theme.ts content/ 2026-07-01-codex-remotion.json 2026-07-02-ai-editing.json public/ assets/ avatar.png logo.png bg/ scripts/ render-daily.mjs make-content-from-md.mjs outputs/ ``` 每天真正变化的,不是 `DailyExplainer.tsx`,而是 `content/2026-07-01-codex-remotion.json`。 比如一条视频的数据可以长这样: ``` { "title": "用 Codex + Remotion 做到视频日更", "durationSec": 60, "hook": "日更最痛的不是写脚本,而是每天从零剪一遍。", "scenes": [ { "type": "problem", "text": "如果你每天都打开一个空白剪辑工程,日更一定会越来越累。" }, { "type": "insight", "text": "真正的解法,是把视频变成可复用模板,把内容变成数据。" }, { "type": "workflow", "bullets": ["Codex 写模板", "Remotion 渲染视频", "每天只换 JSON"] }, { "type": "ending", "text": "自媒体日更,不是拼意志力,是搭生产线。" } ] } ``` Remotion 读取这个 JSON,自动生成画面、字幕、进度条、场景切换和结尾卡。 这时你每天要做的事就变成: 1. 写今天的主题和脚本 2. 让 Codex 转成结构化 JSON 3. 预览或渲染 still 检查画面 4. 渲染 mp4 5. 发布 这才叫无痛。 ## 一条视频可以拆成 5 个可复用模块 媒体视频日更的关键,不是让 AI 每天自由发挥,而是把视频拆成稳定模块。 我建议先做 5 个模块。 第一,开场钩子模块。 它只负责前 3 秒。可以是大标题、快速缩放、关键词高亮、问题句。这个模块的目标不是好看,而是让用户知道“这条视频跟我有关”。 第二,主体场景模块。 它负责展示观点、步骤、案例、工具名称、对比表。这里不要追求每天不同的炫酷效果,而要追求稳定可读。 第三,字幕模块。 字幕必须是独立组件,不要散落在每个场景里。字号、行高、安全区、描边、背景、强调词颜色,都应该统一。 第四,素材模块。 包括截图、Logo、头像、产品界面、B-roll。Remotion 可以用 `staticFile()` 引用 `public/` 里的静态资源,也可以读取远程资源。日更阶段建议先用本地素材,减少不可控因素。 第五,结尾模块。 结尾不要每天重新想。固定成一句总结 + 一个轻行动就够了,比如“收藏这套流程,下一条讲自动字幕模板”。 只要这 5 个模块稳定,视频生产就不会每天散架。 ## Codex + Remotion 的每日工作流 真正可执行的日更流程可以这样跑。 第一步,写一段原始想法。 不用完整脚本,只要把今天想表达的观点写清楚。例如: ``` 今天想写 Codex + Remotion 怎么让自媒体视频日更。 核心观点:不是让 AI 替你剪视频,而是把视频模板代码化。 受众:想做知识类短视频,但被剪辑拖住的人。 风格:直接、实用、不要玄学。 ``` 第二步,让 Codex 变成脚本和结构化数据。 你可以这样提示: ``` 请把这段想法改成一条 60 秒竖屏视频脚本。 要求: 1. 开头 3 秒必须有冲突。 2. 分成 4 个 scene。 3. 每个 scene 给 title、voiceover、caption、visual。 4. 输出为 content/YYYY-MM-DD-topic.json。 5. 不要改 Remotion 模板代码,除非字段不够用。 ``` 第三步,让 Codex 检查模板是否支持这条内容。 ``` 读取 content/2026-07-01-codex-remotion.json 和 DailyExplainer.tsx, 检查所有字段是否被正确渲染。 如果字幕可能溢出,请调整 Caption 组件,不要改文案。 ``` 第四步,渲染单帧检查。 Remotion 支持用 CLI 渲染视频,也可以渲染 still 图片。日更流程里,先渲染一张关键帧图片非常重要,因为它能快速发现标题太长、字幕遮挡、Logo 位置不对、颜色太淡。 第五步,渲染完整视频。 Remotion 官方文档给出的 CLI 渲染形式是: ``` px remotion render HelloWorld ``` 实际项目里可以封装成: ``` npm run render:daily -- --input content/2026-07-01-codex-remotion.json ``` 第六步,复盘这条视频。 日更不是每天机械发,而是每天让系统变好一点。今天发现标题容易溢出,就让 Codex 改标题组件;发现字幕节奏太慢,就改字幕切分规则;发现封面点击率差,就新增一套封面 composition。 每天只改一个小地方,30 天后你会拥有一条非常顺手的视频生产线。 ## 三种最适合先做的 Remotion 视频模板 第一种:观点解释型。 第二种:工具教程型。 第三种:金句卡片型。 ## 真正的无痛,来自把规则写进项目 很多人用 AI 做视频失败,是因为每天都在同一个聊天框里重新描述需求。 “帮我做得高级一点。” “字幕别太大。” “风格像小红书。” “节奏快一点。” 这种提示词没法积累。今天说一次,明天还要再说一次。 Codex + Remotion 的正确用法,是把重复规则写进项目。 比如: - 账号视觉规范写进 `src/styles/theme.ts` - 字幕规则写进 `Caption.tsx` - 场景结构写进 JSON schema - 渲染命令写进 `package.json` - 协作规则写进 `AGENTS.md` - 每日视频流程写成 Codex Skill 当流程稳定以后,你甚至可以给自己做一个 `.agents/skills/daily-video/SKILL.md` ## 结论:日更不是靠自律,而是靠系统 过去做视频,创作者每天都要打开剪辑软件,从零开始搭一条时间线。 Codex + Remotion 给了另一种可能:把视频变成代码,把脚本变成数据,把风格变成组件,把重复劳动变成命令。 这并不会替代创作者。 它替代的是那些每天重复、消耗注意力、但并不产生观点价值的动作。 真正值得你亲自做的,是选题判断、观点表达、案例选择、情绪分寸。 至于字幕怎么排、标题怎么进场、进度条怎么动、不同平台怎么导出、模板报错怎么修,这些都应该交给系统。 自媒体日更的终点,不是让你变成更能熬夜的剪辑师。 而是让你拥有一条属于自己的视频生产线。 ## 相关链接 - [Rachel](https://x.com/Zesee) - [@Zesee](https://x.com/Zesee) - [23K](https://x.com/Zesee/status/2072417062165635433/analytics) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [4:28 AM · Jul 2, 2026](https://x.com/Zesee/status/2072417062165635433) - [23.3K Views](https://x.com/Zesee/status/2072417062165635433/analytics) - [View quotes](https://x.com/Zesee/status/2072417062165635433/quotes) --- *导出时间: 2026/7/2 09:39:28*
装 装完 Codex 不知道干什么?这 6 个 GitHub Skills 让你做视频搞钱 文章介绍了 6 个适用于 Codex 的 GitHub Skills,涵盖动效生成、视频剪辑、批量制作、AI 生成及中文剪辑等工具,帮助用户构建自动化视频工作流以提升效率。 技术 › Codex ✍ Kay🕐 2026-07-30 Codex视频制作AgentSkill自动化HyperFramesRemotionAI剪辑工作流
C Codex + Hyperframes + HeyGen +声音克隆:零基础自媒体变现全开源 作者分享了利用 Codex、Hyperframes、HeyGen 和 IndexTTS2 等工具构建的自动化视频工作流,实现了零基础、低成本的短视频制作与变现。文章详细介绍了各工具的选型理由、工作流架构及成本账单,旨在帮助读者通过 AI 技术解决内容生产的效率问题。 技术 › 工具与效率 ✍ 雪踏乌云🕐 2026-07-27 AI自媒体视频制作HeyGen声音克隆CodexHyperFrames自动化变现工作流
A AI 视频创作的新范式:Codex + Remotion 文章探讨了将视频制作转化为代码工程的“视频即代码”新范式。通过结合 Codex(负责编写和迭代代码)与 Remotion(负责 React 组件渲染视频),创作者可以实现视频的组件化、参数化和版本控制,解决高频生产中的可控性与复用难题。文章详细介绍了工作流、工具链选型、项目结构搭建以及避坑指南,强调了从单次生成向系统化生产转变的重要性。 技术 › Codex ✍ 知识猫图解🕐 2026-07-03 视频生成RemotionCodex视频工程工作流AI创作React自动化组件化Agent
C Codex自动化剪辑基础篇:一条视频是怎样被自动做出来的? 本文深入解析了Codex进行自动化剪辑的底层逻辑,主要涵盖三部分:通过建立分类素材库解决画面问题;利用AI配音或TTS技术解决声音问题;借助参考视频和FFmpeg等工具实现画面与声音的合理编排。文章旨在帮助读者搭建专属的自动化视频剪辑工作流。 技术 › Codex ✍ xilo🕐 2026-07-27 Codex自动化剪辑视频制作素材库TTSFFmpegAI视频Remotion工作流
图 图书解读视频制作教程与实践案例 文章介绍了如何利用 Codex、AI 图片、AI 配音和 HyperFrames 制作 60-90 秒的中文图书解读短视频。作者以《活着》为例,详细分享了选书、脚本写作、图片生成约束、声音选择、字幕对齐及剪辑转场等全流程,并将经验封装成 Skill,为想做自媒体的人提供了一条不露脸、低门槛的内容创作路径。 技术 › Skill ✍ Smartpig🕐 2026-07-21 AI视频图书解读CodexHyperFrames自媒体工作流自动化AIGC短视频教程
用 用Codex做自媒体,我建议你先装好这10个Skill 本文推荐了10个Codex Skill,覆盖自媒体创作全流程:选题、素材、创作、设计、发布及复盘。这套工具链能帮助新手将重复性工作自动化,构建高效的内容生产流水线,但账号成功仍需依赖个人选题判断与持续输出。 技术 › 工具与效率 ✍ zhouluobo🕐 2026-07-19 Codex自媒体AI工具Skill工作流Agent自动化内容创作效率复盘
我 我用 Codex + Remotion 制作唐朝纸片分层动画的完整教程 本教程详解如何利用 Codex、Remotion、Imagegen 和 F5-TTS 构建本地视频流水线,制作具有纵深感的“纸片分层动画”。文章从确定镜头、素材分层、Remotion 动画编排到音频合成进行了全流程拆解,核心在于将背景、主角、配角拆分为独立素材,并通过代码精准控制层级与运动。 技术 › 工具与效率 ✍ 季白羽🕐 2026-07-13 RemotionAIGC视频制作动画教程CodexTTS工作流FFmpeg
我 我用 Codex 修复了工作流中的“最后 1 公里”,实现了视频音频的秒级校准 作者为了解决视频制作中音频与画面手动同步的痛点,设计开发了本地工具 Web Video Studio。该工具集成了项目扫描、音频生成、可视化校准和自动化录屏准备等功能,利用 Codex 快速修复开发过程中的 Bug,成功实现了从文章到视频的高效工作流,提升了内容制作的生产力。 技术 › Codex ✍ AFei Liang🕐 2026-07-13 工作流Codex自动化视频制作Web Video Studio效率工具
R Remotion实战:自动化批量生成视频的4个案例 文章介绍了作者使用 Codex 配合 Remotion 实现视频自动化生成的实战经验。通过产品发布、女装带货、AI 工具榜单、公众号文章口播四个具体案例,展示了如何利用代码将图文内容转化为视频。作者指出,该方案目前最适合结构稳定、可模板化的批量视频生产,能够帮助创作者建立视频模板资产,大幅提升效率。 技术 › 工具与效率 ✍ 行者AI视频🕐 2026-07-07 RemotionCodex视频剪辑AI视频自动化工作流案例分享
用 用 Codex + Hyperframes 拆解抖音爆款视频工作流 本文详细介绍了利用 Codex 和 Hyperframes 拆解并复刻抖音爆款视频的完整工作流。内容涵盖从工具准备、视频规格定义、旁白脚本生成、TTS 音频处理(使用剪映/Codex 优化磁性人声),到利用 Hyperframes 进行代码化视频生成及字幕对齐的全过程。作者强调通过 AI Agent 实现自动化批量生产,降低自媒体创作门槛,帮助普通人利用 AI 技术在视频领域获取收益。 技术 › AI 视频制作 ✍ Serena🕐 2026-07-05 CodexHyperframes工作流TTS视频剪辑自媒体AIGCRemotion教程抖音
H HyperFrames + F5:批量文章转视频实战 本文详述了一套将技术文章批量转化为带克隆旁白视频的自动化工作流。作者通过结合 HyperFrames 与 F5-TTS,将文章拆解为口播脚本,针对不同技术风格定制视频界面,并重点解决了文本对齐、技术术语发音及字体显示等常见问题,提供了完整的从脚本到成片的质量验收标准。 技术 › TTS ✍ AFei Liang🕐 2026-06-24 F5-TTSHyperFrames工作流视频制作语音合成AgentCodexHermes自动化内容创作
C Codex 小白入门系列——【七】视频剪辑实操教程|零基础自动剪片、加字幕、改比例、批量出片 本文是 Codex 小白入门系列的第七篇,专注于视频剪辑实操。文章指出 Codex 具备全自动视频处理能力,可替代专业剪辑软件。文中详细讲解了通用剪辑指令公式、三大高频剪辑场景(横竖转换、自动字幕、智能精简)的操作步骤,以及如何搭建“一键剪辑工作流”实现批量自动化生产,帮助自媒体博主实现零门槛高效出片。 技术 › Codex ✍ Modengsir AI🕐 2026-05-31 Codex视频剪辑AI剪辑自动化工作流自媒体教程短视频