WorkBuddy + HyperFrames 实操安装教程：装完就能出片，还能复用本地语音模型
近期也不知什么原因，不管是头条还是公众号，不断推送HyperFrames相关文章给我。于是今天还是没忍住好奇，安装了HyperFrames，并使用WorkBuddy + HyperFrames组合出了自己的第一条视频，而在安装过程中突发奇想，让它复用我本地已有的中文语音模型，感觉更有意思。
一、先搞懂俩工具是干嘛的
HyperFrames：HeyGen 开源的网页转视频工具。你写好 HTML/CSS/JS 动画页面，它用无头浏览器逐帧录成高清 MP4，自带转码、字幕、音视频合成能力，不用自己折腾录屏软件。
WorkBuddy：全程帮你兜底的 AI 助手。装环境、写命令、排报错、改脚本都能丢给它干，新手不用死记语法，遇到问题直接问，省得自己搜半天教程。
二、装前准备：就 3 个基础软件
缺一个都跑不起来，按顺序装，每步都有验证方法，装错了也能及时发现。
1. 装 Node.js
要求版本 22 或 24，直接去官网下安装包，全程默认下一步就行。
验证：打开 cmd / 终端，输入 node -v，跳出版本号就装成了。
2. 装 FFmpeg
打开管理员权限的终端，输入这行命令回车：
winget install --id Gyan.FFmpeg -e
验证：输入 ffmpeg -version，跳出一大串版本信息就对了。
3. Chrome 浏览器
不用手动下载安装！后面 HyperFrames 会自动检查环境，缺了它自己拉取无头 Chrome 版本，你不用管。
三、装 HyperFrames，让 WorkBuddy 帮你排错
直接在WorkBuddy输入
安装技能包：-com/hyperframes。
hyperframes附带 19 个 agent 技能（monorepo，Apache-2.0，今天还在更新 v0.7.73，3100+ 提交）。技能分三类：
1 个路由 hyperframes（能力地图，按需派发工作流）
8 个领域技能（核心集）：core / animation / keyframes / creative / media-use / cli / registry（加 router 共 8）
10 个创建工作流：product-launch-video、faceless-explainer、pr-to-video、music-to-video、motion-graphics、slideshow、general-video、embedded-captions、talking-head-recut、remotion-to-hyperframes（+figma 按需）
而我在安装时只装了8 个领域技能（也是WorkBuddy推荐的）。但是由于网络问题，WorkBuddy一直没装成功，是我下载了压缩包到本地后才安装成功的。（-proxy.com/-com/hyperframes/archive/refs/heads/main.zip）
装完验证：输入 hyperframes --version，跳出版本号就成功了。
2. 跑环境体检（最关键一步）
运行：hyperframes doctor
它会自动检查 4 项核心依赖：Node、FFmpeg、FFprobe、Chrome，四项全绿就代表环境彻底通了。
补充：whisper、Docker 这些可选项红了没关系，不影响基础出片，不用管。
四、核心玩法：复用你本地已有的中文语音模型
在装好后，WorkBuddy提示：可选组件（不影响基础出片，需要再装）：
whisper-cpp — 本地转录字幕
TTS (Kokoro) — 本地配音
BGM (MusicGen) — 本地配乐
Docker — 分布式渲染
此时我想到前期我装了PPT to video，配置了Qwen3-TTS，于是灵光一闪，此处能不能复用前期装的Qwen3-TTS呢？
将想法告诉了WorkBuddy，它迅速写了一个桥接脚本，还真的成功了。在测试时不仅能生成配音，由于前期我用Qwen3-TTS复刻过我自己的声音，保留了相关记忆，因此在测试时直接是用我自己的声音配音的。
最后，我用一句话“总结WorkBuddy + HyperFrames安装过程，生成一个知识类视频角本，并生成一个视频，要配音要字幕，竖屏短视频”，最后成果一会发。教育AI教育WorkBuddy