Hyperframes教程：用这套方法，让 Codex 剪视频效果以及效率翻倍

用AI剪视频 真正花时间的不是剪辑 过去半个月 我深入的研究了Hyperframes 得出了一个结论 大多数人出片效果差 不是因为工具不行 而是因为 跳过了最关键的前期准备工作 脚本怎么写 素材怎么准备 节奏怎么定 这些都是要提前想清楚的 不然后面全是返工 所以这一期 我把我的整套方案拆解一遍 从AI剪视频的原理到成片 走一遍完整的流程 里面涉及到的所有的内容 都已经开源了 你可以装上直接跟我一起操作 所以这一期 又是一期非常干的视频 希望对你有所帮助 那我们现在开始 AI剪辑到底在干什么 其实就是让AI写代码 AI用HTML CSS和Javascript 在网页里面搭画面 动画字幕转场 全都靠代码 然后浏览器一帧帧截图拼成MP4 所以你听到的html渲染成视频 说白了 就是先在浏览器里把画面跑出来 再一帧帧录下来 那代码能做到什么程度 网页上你见过的所有的交互效果 动效转场字幕动画3D矢量图 它全都能做 但它也有做不到的 比如说实拍视频图片 这些它就不能实现 所以必须靠提前准备好素材 或者让它上网帮你来搜索 hyperframes就是这种工作原理 从html渲染成视频 它能做的事情非常多 画面可以分层叠加 视频文字图形往上垒就可以了 它内置了Kokoro语音模型 来帮你合成配音 还内置了whisper语音模型 帮你生成带时间戳的字幕

还能合成背 景音乐和音效 甚至能一键抠掉人像背景 动效方面 3D AE动画GPU特效这些都支持生成 完成后它还会自动做一轮质量检查 扫代码结构 跑浏览器测试 抽关键帧截图 确保画面没有明显的问题 Hyperframes的完整的工作流 大概就是这样的 先初始化一个项目 然后一个镜头一个镜头的去搭画面 搭完之后 检查和校验 没有问题就预览 预览通过后输出渲染 我们在这个流程里 其实就做两件事 告诉AI我们需要什么样的视频 以及提供AI自己造不出来的素材 比如配音图片视频设计文件等等 但有个问题 你直接跟Hyperframes说 帮我剪一条SpaceX的视频 它大概率做不好 因为什么主线 什么风格什么节奏什么素材 它完全不知道 只能靠瞎猜 所以我写了Video Spec Builder 加在了Hyperframes前面 它专门干一件事情 通过追问 逼你动手之前 把所有的决策都想清楚 怎么追问呢 分五个阶段 第一个阶段是锁定视频的基本盘 它会问你几个问题 包括视频的目的是什么 给谁看发在什么平台 时长是多少 核心想传递什么信息 以及品牌的调性是什么样的 第二个阶段是盘点素材 把你可能需要的素材分成6类 逐项跟你确认 文案有没有配音 用真人还是AI 有没有实拍画面

logo有没有高清透明底 需不需要3D模型 还缺什么素材要去找等等这些事情 第三个阶段是我觉得整个skill里 最有意思的一步叫做激发表达手段 大多数人 根本不知道自己想要什么效果 那它就会主动地告诉你 html可以实现哪些效果 让你来选 第四个阶段是定视觉主题 你可以从Hyperframes里面预设的8个主题 你选一个 也可以描述你想要的风格 让它来帮你生成一套 第五个阶段是收集参考和反例 让AI有一个具体的参考 或者明确说 你不希望视频里出现什么内容 让AI知道哪些原则是不可以违反的 5个阶段走完 所有的决策 都会落到一份叫Video Spec 的Markdown文档里 等到Hyperframes接手的时候 他只需要照着这份文档执行即可 这个skill里 还内置了69个预设的画面组件 涵盖了数据图表 流程图思维导图UI模拟 大字海报和各种场景 也不需要自己去想 这一镜用什么形式来表达 它会根据你的内容自动去匹配 说白了Video Spec Builder就干一件事情 逼你想清楚 你前期想的越透 后期出片的质量就会越高 返工就会越少 好那知道了原理和流程之后 接下来我们来安装hyperframes 打开Codex 点击左上角的plugins 在搜索框里输入hyperframes 找到之后 点一下右边的加号 弹出窗口后点击下方的安装就可以了 装好了之后 你可以再点进Hyperframes的插件页面 看看它的详细介绍 这里有一点要注意 Hyperframes不是一个单独的skill

它其实包含了15个skill 那在这个页面里 你可以自由地管理 这些skill装好了 怎么用呢 点击右上角的try in chat 系统就会帮你新开一个聊天窗口 里面已经预设了一段生成视频 的提示词 示例跟着它就能快速上手 接下来我们还要装 我专门为Hyperframes写的一个skill 它的作用就是在生成视频之前 帮你先把脚本和分镜梳理清楚 在GitHub上面搜索Video Spec Builder 找到这个开源项目 往下滑到安装部分 你会看到两条命令 第一条是安装hyperframes 我们刚才已经装过了 所以跳过 第二条是安装Video Spec Builder 复制这条命令 然后回到Codex 把命令贴进去 稍等片刻 它就会从GitHub上面把项目拉下来 进行安装 装好了之后 可以看到它默认安装到了project level 也就是项目级 只在当前这个项目下才能使用 如果你希望在任何项目里 都能调用这个skill 那就需要把它装到全局 操作其实很简单 你只需要跟Codex说一句 帮我把它装到user level就可以了 Hyperframes和Video Spec Builder都已经装好了 不过在开始生成视频之前 我想先让你看一下 Video Spec Builder里面到底写了些什么 在cursor里打开项目左侧