大家好，我是吾鳴。专注于分享提升工作与生活效率的工具，无偿分享AI领域相关的精选报告，持续关注AI的前沿动向。
大家在做PPT或者是课件的时候，是否会遇到一些复杂的概念或者是公式，死活都给学生讲不明白，如果能有一段生动的讲解视频，是否会更有利于帮助你将复杂的概念/公式给讲清楚。
有很多的产品文档或者PPT，如果能带上更加生动直观的视频，是不是也能让客户可以更容易更简单的了解到自家的产品。
以前去制作这样的视频都需要花掉很多的时间，或者是需要花费大量的金钱雇人去制作，成本高昂。
直到我前段时间看到了一款开源的软件HyperFrames，我才发现制作视频还能这么简单，成本还贼低，下面是一段对它的介绍视频（放不了视频，就放张图片吧）。
这段视频是我使用HyperFrames制作的，制作起来还挺方便的，就是把GitHub地址丢给Workbuddy，让它帮我制作一个介绍HyperFrames的视频。
HyperFrames简介
HyperFrames是一个开源的视频渲染框架，可以让人通过以编写HTML的方式来进行视频的合成。
如果是早些时候，使用起来还是比较复杂，编写HTML的方式来渲染合成视频，这不就是撸码然后才能生成视频么？
但是今天是2026年了，已经进入到了Agent的时代了，所以编写HTML的这个步骤就交给Agent去做吧，我们只需要下达指令，提要求就可以了。
它有两种使用方式，一种是手动安装，然后通过命令行的方式去操作生成视频，比较复杂，不太建议；另外一种，是通过它封装好的Skills，把它交给Agent，让Agent去操作它，非常推荐。
HyperFrames技能介绍
HyperFrames一共有15个技能，我把它们做了一下分类，分别是核心技能3个（日常必用）、扩展技能4个（特定需求按需使用）、动画库技能8个（控制动画行为，由主技能控制使用）。
这一部分作为一个了解性的知识点，不想了解的，跳到下面安装和使用的章节。
核心技能（日常必用）
核心技能我们可以了解下，因为如果使用HyperFrames制作视频的话，就会经常性地使用到。
- hyperframes： 是一个主Skill，视频制作的入口，它会联动到其他的技能，如果说到【帮我制作一个视频】、【生成一段动画】时会触发。
- hyperframes-cli： HyperFrames的CLI（命令行），就是包含init(初始化)、preview(预览)、render(渲染)等命令，需要运行CLI的时候触发。
- hyperframes-media: 文本转语音、语音转文字、背景移除，需要生成配音、转字幕、移除图片背景的时候触发。
扩展Skills
扩展技能不会经常用，但是有些特殊需求的时候可以使用，所以还是了解一下。
- hyperframes-registry： 官方内置了非常多的视频样式、转场、特效等内容，放在了项目的registry目录下，如果需要扩展的话，可以使用到这个技能。
- website-to-hyperframes： 抓取任意的网页转成动画视频，文章开头视频对Hyperframes的介绍就是使用到了这个技能。
- remotion-to-hyperframes： 这个技能是把原来使用Remotion合成的视频转成Hyperframes，如果已经有Remotion合成视频的项目想迁移到Hyperframes，可以使用这个技能。
- contribute-catalog： 如果你要想Hyperframes贡献代码的时候，可以使用这个技能。
动画库Skills
这部分的技能基本上我们不会去手动触发，都是Agent在用主技能进行视频合成的时候自动的去触发。
HyperFrames安装
我主要是在WorkBuddy上面去使用，所以下面的讲解都是以WorkBudy为例，其他的Agent和我在WorkBuddy中的用法相同，提示词不变。
HyperFrames我使用自然语言来进行安装，就是丢给WorkBuddy一个链接，让它帮我去安装这个Skills，提示词如下。
https://github.com/heygen-com/hyperframes，帮我安装一下这个skills
安装过程WorkBuddy会像我询问是否15个Skill全部安装，不得不说WorkBuddy现在给人的体验真实越来越好了，执行过程非常清晰的展示给你，确认性的操作都是给提供的按钮，已经不需要输入文案了。
选择全部安装，等待一会儿，HyperFrames技能就可以安装好了。
如何使用HyperFrames？
HyperFrames因为是WorkBuddy的一个Skill，所以使用上也比较简单，就是使用自然语言来描述清楚你的需求便可以了。
下面我将以制作一个讲解细胞结构的视频为例，讲解一下如何使用HyperFrames来制作视频。把下面的这个提示词丢给WorkBuddy。
帮我使用hyperframes制作一个讲解细胞的结构的课件动画，需要搭配上中文语音讲解，可以使用hyperframes-media做讲解语音合成，并且搭配上与 TTS 旁白同步的弹跳字幕。
WorkBuddy把这个任务拆解成了10个小步骤，分别是：
- 初始化HyperFrames项目
- 编写HyperFrames视频合成HTML
- 语法检查和预览验证
- 生成合适的背景音乐（它给生成的背景音乐效果不是很好，最好自己找一个背景音乐，让它帮你加上）
- 将背景音乐集成到HyperFrames中
- 编写细胞结构课件脚本和分镜设计
- 初始化HyperFrames项目cell-biology
- 使用TTS生成中文语音讲解（这里需要去下载Kokoro模型，本地运行，因此时间会有点长）
- 构建细胞结构课件HTML合成
- 语法检查并渲染生成最终视频
这些步骤都是WorkBuddy自己规划的，规划好之后就自己执行，我就在一旁刷手机。
WorkBuddy其实也是想人在制作视频一样，先做分镜脚本的设计，然后再安装分镜脚本一步步生成视频，最后渲染成片。
上面都是WorkBuddy在制作这个视频的过程中给我展示的一些思考，我把它截图下来了而已，过程中它都是全自动的在执行，最后生成渲染好视频之后，给我一个通知。
下面是生成的视频效果（放不了视频，就放张图片吧）。
总结
HyperFrames是通过编写HTML的方式来渲染动画视频，它有Skills的封装，可以直接把GitHub地址丢给Agent让它帮你安装，一共有15种Skill，只需要知道核心的技能即可，使用自然语法描述需求，Agent会自动去匹配相关的技能来执行。
HyperFrames是通过HTML来渲染视频动画，所以Agent只需要去处理文本即可，成本比较低，而且大模型也擅长。
语音合成等均使用了本地的大模型，下载时间会比较久，但是语音合成都在本地，可以无限续杯。
HyperFrames也有一些限制，因为是HTML渲染，所以比较适合做动画，适合教学动画、产品解说、介绍类的视频制作，对于真人视频、动漫视频、酷炫特效的视频它不太适合。
好了，本文的分享就到这里，如果您觉得有收获的话，可以给个一键三连，您的鼓励是吾鳴持续输出的最大动力。
