夜雨聆风我身边有个做运营的朋友，上周发给我一条30 秒的产品宣传片——动效流畅、配乐契合、字幕精准。我以为他外包给了后期，他回我两个字：
没有。然后截了张图给我。是一行提示词，和一个我没见过的工具。 |
这两个东西，你可能还没听说过
OpenAI Codex，是OpenAI 今年推出的 AI 编程 agent。你可以理解成：它是一个会写代码、会执行任务、会自己跑程序的 AI 助手。今年已向 ChatGPT Plus 用户开放。
HyperFrames by HeyGen，是HeyGen 刚刚开源的视频渲染框架。逻辑非常反常识——它不是剪辑软件，而是让 AI 用写网页的方式写视频。你描述想要什么，它生成 HTML + CSS + 动效代码，最后渲染出 MP4。
两者组合在一起的效果是——你在 Codex 里打一句话，HyperFrames 接管剩下的一切：排版、动效、音乐、字幕、输出。
不需要打开Premiere。不需要拖时间轴。不需要会任何剪辑技能。 |
好了，直接上操作——四步走完整个流程
第一步 Step 1 | 打开Codex，安装 HyperFrames 插件 在终端运行以下命令，把视频能力注入Codex codex plugin marketplace add heygen-com/hyperframes Claude Code / Cursor 用户有对应版本，逻辑相同 |
第二步 Step 2 | 用一句话描述你想要的视频 插件装好后，直接在Codex 对话框输入你的需求 使用/hyperframes，做一个 15 秒的产品介绍视频， 深色背景，品牌名淡入，节奏感背景音乐， 结尾显示官网地址字幕。 越具体越好：时长、风格、文字内容、配乐节奏都可以说 |
Codex 会自动完成：生成完整的HTML 视频合成代码，把动效时间轴写进代码（用GSAP 控制，帧级精准），然后调用本地渲染引擎把代码转成视频帧，再用FFmpeg 把帧合成MP4 输出。
第三步 Step 3 | 在浏览器里预览，用对话微调 渲染前先预览，满意再出片 npx hyperframes preview 想改什么直接告诉Codex：「把标题字体改大一倍」「背景换深蓝色」，热更新实时看效果 |
第四步 Step 4 | 确认没问题，渲染导出 满意了，一行命令渲染成片 npx hyperframes render --output final.mp4 等几十秒，MP4 落盘，支持 MP4 / MOV / WebM，本地渲染无需上传素材 |
实际感受是什么样的？
说实话，第一次跑通的时候，我盯着生成出来的那个MP4 看了大概 10 秒。
动效是对的，字幕是对的，节奏是对的。我全程什么都没做，只是打了几行字。
这种感觉不像是「工具帮了我」，更像是「我有了一个会剪辑的助手」。 |
适合哪些人用？
·不会剪辑、但经常要出视频内容的运营同学
·要批量制作产品短片的电商团队
·想做短视频但一直卡在「不会后期」这一关的创作者
·任何觉得剪辑软件打开就头大的人
HyperFrames 目前自带 50+ 现成模板和组件，常见场景基本可以直接套用。
最后说一句
这个工具刚开源没几周，大多数人还不知道它的存在。
AI 替代的不是会用工具的人，而是不愿意学新工具的人。 |
你用10 分钟跑通这个流程，很可能就是你身边第一个用一句话出视频的人。
你现在最常做哪类视频内容？ 评论区告诉我，下期出针对具体场景的实战Prompt 模板合集。 觉得有用，转发给你身边还在对着时间轴发呆的朋友↗ |
