安装与使用 HyperFrames
安装 Skill
在项目中运行上游安装命令,然后依照作者的安装说明和下方使用条件继续。
npx skills add heygen-com/hyperframes --skill hyperframes --skill hyperframes-cli --skill hyperframes-registry --skill media-use向 Agent 提供任务
提供相关文件、背景与约束。例如:
使用 HyperFrames 按这份需求制作可编辑短讲解片,渲染前预览时间线。

HyperFrames README 展示的 Biennale Yellow 设计模板。
项目截图关于这个 Skill
使用 HyperFrames 命令行与预览流程,将定时 HTML 场景制作成可编辑的视频项目。
为什么推荐
将 HTML 渲染规范、共用 CLI、素材注册表和逐帧检查流程结合起来。
适合用来做什么
- 制作发布视频或讲解片,并保留可编辑的场景源码。
适用范围与限制
HyperFrames 使用自己的可定位 HTML 时间线与 CLI。站内 Huashu Motion 同样制作 HTML 视频,但属于另一套制作流程;本条介绍 HyperFrames 官方工具链。
替代方案与相关工作流
Huashu Motion:另一种 HTML 视频流程
两者都制作可编辑 HTML 视频。HyperFrames 使用自己的时间线、CLI 和素材注册表;Huashu Motion 提供另一套本地编辑器与逐帧反馈流程。
使用前需要了解
- 需安装四个核心 Skills 与 HyperFrames CLI;本地视频制作需要文档指定的浏览器和媒体工具。部分托管功能或生成素材另行收费。
资料与来源
原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。
