是什么
「HyperFrames 视频创作套件」是 HeyGen 开源（Apache-2.0）、经 UUIDE 技能目录分发的官方专家包，以 HTML 为创作媒介：21 个技能分两层协作——9 个引擎核心成员负责「怎么动」（组合契约、动画规则、镜头关键帧、音频混音、组件注册表），12 条成片工作流负责「做什么」（幻灯片、讲解视频、产品片、音乐卡点、字幕包装……）。
创作方式是程序化的：描述需求 → 主入口路由到对应工作流 → AI 生成/编辑 HyperFrames HTML 组合 → 浏览器实时预览 → 需要成片时渲染输出 MP4；幻灯片工作流则输出可导航 HTML deck（翻页、分支热点、演讲者模式）。规则与最佳实践都写在技能里，AI 按表执行不现场试错。
纯本地生成，无需账户与 API Key——与 Motu 云生成套件互为补充：HyperFrames 管动效编排与成片，Motu 管图像/音乐/视频素材的云端生成，产出都直接落到当前项目。
包含成员
引擎核心 · 9 个
主入口路由
一切视频/动画/deck 请求的总入口：读需求、选工作流再分派；也负责既有工程的检查、预览、发布与批量渲染。
组合契约
可渲染组合的构建规范：data-* 时序属性、clip、轨道、子组合、变量与确定性渲染规则。
动画规则库
原子动效、多阶段场景蓝本、场景转场，及 GSAP/Lottie/Three.js/Anime.js/CSS/WAAPI 等七大运行时适配器。
镜头关键帧
推拉 reframe、Ken Burns、whip 甩镜等 seek 安全的 2D/3D 相机运动，路径遮罩与 SVG 变形描边。
创意指导
非动画创意面：设计规范（frame/design spec）、色板字体、旁白与节拍规划、音频律动视觉。
音频混音
淡入淡出、交叉渐变、人声闪避、EQ/压限/混响效果链与音量自动化包络、子混音总线。
组件注册表
CRT 扫描线、辉光等命名视觉先从注册表检索、安装、接线，不手搓复刻。
Studio 规范
面向可视化时间线的编排约定：轨道布局、一种元素一条轨、每场景一个子组合、字幕安全区。
CLI 工作台
init/渲染/快照对比/节拍/发布/TTS/转写全命令开发环，与构建渲染故障诊断。
成片工作流 · 12 条
幻灯片 deck
可导航演示/交互 deck：离散翻页、fragment 分步、分支热点与演讲者模式；也能把网页转成 deck。
通用视频
没有专用工作流时的自定义组合：多场景长片、品牌 reel、混剪、静态循环与标题卡。
动效图形
「动效即信息」的短片：动态排版、数据冲击、logo sting、lower-third、动态地图与 UI 动画。
无人讲解视频
文章/笔记/主题 → 无出镜讲解片：视觉按场景发明——排版、抽象图形、图表与数据可视化。
产品发布视频
产品页/脚本/简报 → SaaS 宣传、功能揭示、产品演示与发布短片。
音乐卡点视频
音乐驱动全部节奏：歌词视频、卡点 slideshow 与 kinetic promo，素材随节拍切。
PR 讲解视频
GitHub PR（URL/owner#N/本仓库）→ 基于 diff 与 commit 的代码变更讲解片。
口播包装
已有口播/访谈视频叠加时间轴图形卡：动态标题、lower-thirds、数据标注、画中画，随转录对齐。
内嵌字幕
谈话头视频加字幕不动画面：逐字/电影感/VFX 特效字幕，35 种风格目录按视觉身份选。
Remotion 移植
仅在明确要求移植时启用：把 Remotion（React）组合源码单向转写为 HyperFrames HTML。
Figma 导入
Figma 资产/品牌 token/组件/分镜 → 组合内重建动效：frame 读作状态而非幻灯片。
素材中枢
Agent Media OS：BGM/SFX/图片/图标/logo/配音/滤镜，一个动词 resolve 冻结为本地文件并记账。
什么时候会用到
- 「把这篇产品更新写成一支 30 秒的宣传短片」
- 「给我的分享做一套能点着跳转的交互 deck」
- 「这首曲子做个歌词视频，画面跟着节拍切」
- 「给这段采访视频加上动态字幕和数据标注」
- 「把 PR #284 的改动做成一支讲解视频」
- 「这份 Figma 分镜直接做成动效视频」
不适用于
- 常规线性课件/汇报幻灯片——reveal.js 路线（html-slides 技能）更简单直接
- 需要云端生成的 AI 图像/音乐/视频素材——用 Motu 媒体创作套件
- 真实素材的拍摄与采集——本套件是程序化生成，不管拍
- 传统时间线手工长片剪辑（Premiere/达芬奇类工作流）
安装与使用
- 1打开 UUIDE，进入「设置 → 技能」面板，找到本专家包点击「安装」——21 个成员一次装齐
- 2无需 API Key 与账户——生成与渲染都在本地完成，AI 按需调用本地 node/python 环境
- 3会话里直接说需求即可；主入口自动路由到对应工作流，产出的 HTML deck 或 MP4 落到当前项目
常见问题
- 它和 html-slides（reveal.js）技能怎么选？
- 普通线性课件、汇报幻灯片用 html-slides（reveal.js 路线），简单直接；需要电影级镜头动效、分支导航的交互 deck，或最终要渲染成 MP4 成片时，用本套件。两套技能可以共存，按需求路由。
- 需要 API Key 或付费吗？
- 不需要。套件开源（Apache-2.0），生成与渲染全部在本地完成；与需要 motu 账户和 API Key 的 Motu 媒体创作套件互为补充——HyperFrames 管动效编排与成片，Motu 管云端素材生成。
- 能输出真正的视频文件吗？
- 能。HyperFrames 组合经 CLI 渲染输出 MP4；幻灯片工作流（slideshow）输出的则是可导航 HTML deck——浏览器里放映、翻页、分支跳转，两者产物形态不同，按需选择。