工具与教程

用Codex + HyperFrames,一键把公众号文章转成视频,分享完整步骤!

木妈 · 2026-05-06

用Codex + HyperFrames,一键把公众号文章转成视频,分享完整步骤!

很多朋友关注我,是因为我去年用 Claude 做了一个可以一键把文章转为视频的 skill。于是我每发一篇文章,都实现了可以无痛转化为视频。

不过,最近这个 skill 被 Codex 一键迭代了,最近做的视频全都是 Codex 做的,效果好,而且稳定性非常高。

我连着做了 5 个视频后,才来分享。每一个视频都是一次完成,让我觉得最爽的是,每次分配完任务后就该干嘛干嘛去了,做好后来收结果即可。

这篇文章就来分享,我是怎么用 Codex + HyperFrames,把一篇公众号文章转成视频的。

做视频,对我来说是一件必须做,但很麻烦的事。即使我用remotion做了视频,也还是调试了很多轮才将就稳定够用。

一篇文章要变成视频,中间其实有很多步骤。比如:

提炼文章重点。改成适合口播的稿子。生成旁白。选择画面素材。做视频分镜。加上开头和结尾。渲染成视频。再做视频号封面和介绍文案。

任何一个环节都不算难,但加在一起就很烦。所以,我的目标就是我给它一篇文章链接,它自己去处理,最后给我视频、封面和文案。

最近用 Codex 跑下来,我感觉这条路终于顺了。

1

HyperFrames 到底是什么?

HyperFrames  是 HeyGen 开源的。HeyGen 就是做 AI 视频生成、数字人视频、口播视频的那家公司。

根据它官网和 GitHub 的说明,HyperFrames 是一个 开源的视频渲染框架,核心意思是:

用 HTML + CSS + JavaScript 写网页一样写视频,然后把它渲染成 MP4 / WebM 这类视频文件。

你可以把 HyperFrames 理解成一个“把动态网页变成视频”的工具。

所以在我的文章转视频的流程里,整个过程可以简单理解成:

我给 Codex 一篇文章 Codex 把它改成视频脚本 Codex 安排画面和旁白 Codex 做出一个会动的页面 HyperFrames 把这个页面导出成视频

一句话总结,真正负责思考和组织内容的是 Codex,HyperFrames 更像是视频导出器。

之前 我的skill,用的是 Remotion,它也可以用代码做视频,而且很强。但对我这种内容创作者来说,Remotion 更像一个偏工程的工具。它适合更复杂、更精细的视频项目。

2

Codex里插件里已经有现成的HyperFrames了

这次让我觉得丝滑的,是 HyperFrames 已经在 Codex 里作为插件存在了。

你只需要在插件市场找到这个插件,点击安装即可,这里可以清晰看到,HyperFrames已经有了预装的插件。

简单来说就是:Website to HyperFrames 负责抓网页,HyperFrames 负责做视频,GSAP 负责做动画,Registry 负责装现成组件,CLI 负责用命令把它们跑起来。

装好后,我先让它测试一下文章转视频的功能,然后我把自己的声音和开头结尾的要求给codex,最后让Codex自己总结流程。

不过,第一次跑的时候,花了很久,大概一小时,我问Codex时间怎么压缩和优化?

Codex自己去优化了整个过程,最后测试成功后,我们封装成了一个skill。

现在,我只要在 Codex 里说:

把这篇公众号文章做成视频,再输出视频号封面和 150 字介绍。

它就会自己一步步往下做。每个视频生成大概是20-30分钟,但完全不用我干预。

这对我来说才是最重要的。它终于能自然地嵌进我的内容工作流里。

如果你用的不是codex,用claude,你只需要把这个指令发给claude即可

npx skills add heygen-com/hyperframes

3

文章转视频完整流程

现在我的流程大概是八步。

第一步,我把公众号链接发给 Codex。

比如:

用 wechat-article-video 这个 skill。

把这篇文章做成视频。
同时输出视频号封面和 150 字介绍。

第二步,Codex 会抓取这篇文章。

它会把文章里的文字、图片、截图都拿下来。

第三步,Codex 会读文章,判断这篇文章最适合讲什么。

这一步很关键。

因为视频不是把文章全文念一遍,而是要提炼一条适合短视频传播的主线。

比如一篇文章可能有很多细节,但视频只需要抓住一个核心:

这篇文章到底想让观众记住什么?

第四步,Codex 会写一个视频脚本。

它会把长文章改成 1 分钟左右的口播稿。

这个稿子不是照搬原文,而是更像视频旁白,节奏会更短、更直接。

第五步,Codex 会安排视频画面。

它会从文章里选图片、截图,配合几个关键观点,做成一段一段的画面。

比如:开头抛出主题 ,中间讲工具或案例。 再讲关键逻辑。  最后给一个总结。

第六步,Codex 会生成旁白。

我现在用的是Listenhub里,固定的 Jenny 声音。而且每条视频都有固定的品牌开头和结尾。

这样每条视频风格就比较统一。

第七步,Codex 会让 HyperFrames 渲染视频。

也就是把前面做好的画面、动画、图片、旁白,真正导出成 MP4。

第八步,它还会顺手生成视频号封面和介绍文案。

这一步我也很喜欢。

因为视频做完之后,最烦的往往不是视频本身,而是还要想标题、封面、简介,现在这些可以一起交给 Codex 做,这个case的结果如下。

4

我最喜欢的地方,是Codex执行任务的稳定

最爽的地方是我不用一直盯着它。我只要把任务说清楚,然后就可以去干别的。

它做好之后,我回来收结果。重要的是它会自己检查,如果有问题就自己改了。

这就是我理想中的 AI 协作方式,我把目标交给 Codex,它自己组织流程、调用工具、检查结果、完成交付。

比如这个案例,发出任务后,就能拿到成型的结果。

虽然不是每一篇都能成为爆款,但无痛把文章转化为视频,我觉得还是超值的。一篇文章写完,它还可以变成:

视频号视频、小红书图文、小宇宙播客等。同一篇内容,可以在不同平台继续发挥价值。

这就是我说的内容复利。但前提是,转化成本要足够低。

如果每次都要我手动剪视频、配音、做封面,我肯定坚持不了多久。

现在只需要给 Codex 一个链接,它就能帮我做出视频、封面和简介,那这件事就变得可持续了。

不过,从remotion到现在的hypeframes,真正重要的不是工具,而是你的规则要清楚。你越清楚自己想要什么,Codex 就越容易稳定帮你完成。

写在最后

这次我最大的感受是,AI进化真的太快了,你辛辛苦苦打磨的skill,总会被AI 的更新一键迭代。

不过,我觉得早期打磨skill的过程,也是重新梳理业务流程的过程,不然,就算AI 更新,你也不知道如何开始。AI 更新后,从过去的共创,变成“分配任务”。

关键是你得清晰知道流程和验收标准。这才是在工具之外,值得我们花时间慢慢打磨的东西。

👀如果你也在探索 AI +个人成长 +家庭教育 ,关注后加入木妈2026年AI家庭教育学习社群~


我是木妈,一名AI+家庭教育实践者,得到AI学习圈讲师,已经上线2门给家长的AI实战课。私信我可获得讲师亲友价。

木妈未来社区是一个浸泡式「AI实践学习」的社区。如果你也想找个组织浸泡学习,欢迎后台留言。

点击👇查看往期实践案例

AI+家庭教育案例合集

问木妈