HyperFrames 用于从 HTML 渲染视频与动画。一份 composition 就是一个 HTML 文件：DOM 中的 data-* 属性声明时间信息，动画运行时支持 seek，媒体播放由框架统一接管。本技能是技术层面的使用指南，刻意不涉及设计。运动／动画配方见 /hyperframes-motion，设计方向（配色、字体、画幅预设）见 /hyperframes-design。
用途与能力：覆盖 composition 契约（data-* 属性、clips、tracks、子合成、变量、确定性规则）、CLI 开发循环（init、lint、validate、inspect、preview、render 以及 AWS Lambda 云端渲染）、registry 添加区块或组件（hyperframes add，含安装位置、区块接线、组件接线与贡献新条目）。
使用方式：按意图选择工作流。解释一个主题用 /faceless-explainer；GitHub PR 转讲解视频用 /pr-to-video（经 gh CLI 读取）；为已有口播视频加字幕用 /embedded-captions；给口播视频加图形叠层用 /talking-head-recut；十秒内的动态图形用 /motion-graphics；演示文稿／交互式幻灯片用 /slideshow（产出可导航 deck，非 MP4）；其他较长或多场景、静态循环、自定义格式用 /general-video。默认画幅 16:9，仅在明确面向 TikTok／Reels／Shorts 等竖屏目的地时用 9:16；字幕语言跟随用户。输入不明确时最多问两个问题，规格默认值直接声明。
安装：若匹配的工作流未安装，可执行 npx skills add heygen-com/hyperframes --skill <workflow-name>（如 --skill pr-to-video，名称不带前导斜杠），或一次性安装全部：npx skills add heygen-com/hyperframes --all。
限制：/embedded-captions 与 /talking-head-recut 不修改原始footage，重新计时、调色、重构图、重排属于 NLE 剪辑，不在范围内；/slideshow 交付物是幻灯片而非渲染视频；长度只是参考而非硬门槛。具体收费、平台支持等信息暂未提供。