成峰：大更新！Codex × 剪辑Skills，一句话剪视频，免费开源

成峰：大更新！Codex × 剪辑Skills，一句话剪视频，免费开源 成峰：大更新！Codex × 剪辑Skills，一句话剪视频，免费开源 Modified June 22 No access 0bc3zqb22aadpiajnar3bnvfhtgdvxgahlia.f10002 00:00 我试了几个动画方案，现在用下来 rough.js 效果最好。 它画逻辑图和标注比较顺手，圈重点、画箭头的效果也更接近手绘批注。 如果某一段不满意，直接告诉 Codex 第几段哪里不对。改起来也非常快。 比如直接说： Code block Plain Text Copy 05 这一段动画改一下。 箭头指向标题，圈出右侧结果。 Codex 的 Computer Use 可以打开这个页面，看左边画面和右边口播，再回去改 HTML 画面或标注。这个更自动化。 我的动作从“自己排分镜”，变成“看分镜，提修改一键”。 4.检查时间线预览 分镜页面确认后，就可以进入预览。 继续说： 然后 Agent 就会给出来一个预览页面。 左边是视频预览；底部是进度条，附带文字说明；右边展示口播内容。 时间线预览会按字幕时间点排动画。字幕说到哪里，动画就出现在哪里，这比自己在剪辑软件里对时间线省很多事。 这里看的是“这些画面放回整条视频以后，出现得对不对”。 如果视频出错，比如： Code block Plain Text Copy 画面没有提前出现 原视频被误换成 HTML 截图用错 文字挡住画面 节奏不是跟着口播走 反馈不用写长文，直接按片段说： 01保留原视频。 02图出现太早 03画面太满，删掉下面两行字。 这一步确认以后，才进入最终合成。 5.合成 MP4 前面的这个视频预览确认了以后，我们就可以让它合成了。 Agent 会用 HyperFrames 负责把它变成可以渲染的视频动画工程。 HyperFrames 对 Agent 很友好，因为它可以把 HTML 动画变成视频。只要画面能用 HTML 做出来，就能进入这条合成流程。 过几分钟我们就可以看到最后的动画了。 导入字幕和视频到剪辑工具里面，检查一下有没有一些细节有错。 剪辑Agent，正在逐步替代传统剪辑 以前，视频生产围绕时间线展开。 现在，视频生产开始围绕工作流展开。 剪辑 Agent 正在替代传统剪辑里的操作层，把视频生产变成一条可以持续复用的自动化流程。 No access 0bc3zqb22aadpiajnar3bnvfhtgdvxgahlia.f10002 00:00 No access 0bc3zqb22aadpiajnar3bnvfhtgdvxgahlia.f10002 00:00 我试了几个动画方案，现在用下来 rough.js 效果最好。 它画逻辑图和标注比较顺手，圈重点、画箭头的效果也更接近手绘批注。 如果某一段不满意，直接告诉 Codex 第几段哪里不对。改起来也非常快。 比如直接说： Codex 的 Computer Use 可以打开这个页面，看左边画面和右边口播，再回去改 HTML 画面或标注。这个更自动化。 我的动作从“自己排分镜”，变成“看分镜，提修改一键”。 4.检查时间线预览 分镜页面确认后，就可以进入预览。 继续说： 然后 Agent 就会给出来一个预览页面。 左边是视频预览；底部是进度条，附带文字说明；右边展示口播内容。 时间线预览会按字幕时间点排动画。字幕说到哪里，动画就出现在哪里，这比自己在剪辑软件里对时间线省很多事。 这里看的是“这些画面放回整条视频以后，出现得对不对”。 如果视频出错，比如： 反馈不用写长文，直接按片段说： 01保留原视频。 02图出现太早 03画面太满，删掉下面两行字。 这一步确认以后，才进入最终合成。 5.合成 MP4 前面的这个视频预览确认了以后，我们就可以让它合成了。 Agent 会用 HyperFrames 负责把它变成可以渲染的视频动画工程。 HyperFrames 对 Agent 很友好，因为它可以把 HTML 动画变成视频。只要画面能用 HTML 做出来，就能进入这条合成流程。 过几分钟我们就可以看到最后的动画了。 导入字幕和视频到剪辑工具里面，检查一下有没有一些细节有错。 剪辑Agent，正在逐步替代传统剪辑 以前，视频生产围绕时间线展开。 现在，视频生产开始围绕工作流展开。 剪辑 Agent 正在替代传统剪辑里的操作层，把视频生产变成一条可以持续复用的自动化流程。 🔗 原文链接： https://mp.weixin.qq.com/s/elM9M7Ub... https://mp.weixin.qq.com/s/elM9M7Ub... 原创 成峰 成峰 AI产品自由2026年6月22日 07:20 浙江 我之前做过一个 2000+ Star 的剪辑 Skills。 这次接上 Codex，大升级！加上了复杂的动画效果。 已经帮我跑出好几条千赞视频。 先看结果： 我近期的视频，都是用这个流程去跑的。 以前做视频，要先打开剪映。 现在装好 Skills，把视频和文字稿丢给 Agent，它就能把整条片子往下跑。 我是怎么做的呢？ 1.让 Agent 安装剪辑 Skills 打开 Claude Code 或 Codex，发给他这个提示词： 帮我安装或更新 chengfeng videocut skills 这个剪辑 Skills。 安装命令是 npx chengfeng videocut skills install 。 Agent 会先跟你确认，然后自己去跑安装。装好以后，本地就能调用这套剪辑 Skills。 这套skills，我把所有的经验，都放到里面了。 安装好了以后，效果如下图： 2.生成剪后视频和字幕 第二步，先把原始口播整理成基础素材包。 我们把口播视频和文字稿交给 剪口播 Skills，就能拿到剪后视频和字幕文件。 下面具体看怎么做。 口播视频不用复杂录。我一般直接对着文字稿念一遍。 如果中间涉及到具体操作，就切换画面，把操作过程录进去。 这些都准备好以后，就可以交给 剪口播 Skill。 直接在项目里输入斜杠命令： 它会开始处理你给它的视频和文字稿。 接到命令后，Agent 会先生成审核页。 Agent 会把停顿、口误、重说先整理出来。我要做的，就是确认这些删除项是否对。 确认没问题后，我点“执行剪辑”。 这一步跑完后，Agent 直接输出“剪后视频”和“字幕文件”。 得到的字幕，和剪后视频，在时间上是对齐的。 到这里，基础素材包就准备好了： 3.按字幕生成分镜页面 素材包准备好以后，在项目里输入斜杠命令，唤醒这个 Skill： Agent 生成一个 HTML 分镜核对页。 如下图： 左边是 Agent 生成的画面，右边是字幕、画面任务、素材来源和镜头动作。 这个 Skill 在分镜页里实际做三件事： 它会先按字幕时间轴拆段，再根据每一段内容选择画面来源。 每一句话，到底保留原视频，还是换成截图、产品页面、结果页，或者做一个 HTML 动画，Agent 都会在这里一步处理掉。 如果这一段讲的是录屏操作，Agent 就会保留原视频片段。下面这个画面，就是保留原视频里的页面效果。 如果这一段更适合用截图、产品页面或结果页来解释，Agent 就会切到对应素材。比如下面这个页面，直接展示了 Agent 的回答。 在前面的两个素材基础之上，它还可以做非常丰富的动画。比如下面的这一个动画，就是背后有一张素材图，我又让他在这个素材图上，去画了一些动画。