前言¶
做视频合成的开发者大概遇到过两类麻烦：一类是时间线工具（PR、FCP）与代码脱节，动画改一帧要在界面里反复拖；另一类是把网页录屏当视频，成片的时序不可控、不能 seek、改一版就要重录。HyperFrames 走的是第三条路：合成本身就是 HTML 文件，时序用 data-* 声明，动画在运行时可任意 seek，媒体播放交给框架接管。它是 SkillHub 上的入口型 Skill，作用不只是做某一个效果，而是把「做个视频」这类请求路由到对应的专项工作流。
这是什么¶
HyperFrames（坐标 @org-b6kzcl68/hyperframes，Skill 名称「HTML视频合成路由入口」）是一个用 HTML 渲染视频的入口技能与工作流路由器，由重庆途光网络传媒有限责任公司以 enterprise 来源发布，当前版本 1.0.0，分类 design-media。它解决的是「怎么把一句模糊的视频需求变成可执行的合成工作流」：先确认输入与主题，再把请求路由到对应专项工作流，而不是让模型凭空臆测流程。SkillHub 页面显示其评分 100000、下载 23476 次（抓取时点数据，以页面为准），标签为 requires_api_key=false，即无需 API Key。
核心功能¶
下面介绍的功能点均来自官方简介，逐条核对过原文。
合成即 HTML 文件¶
成片的合成物是一份 HTML 文件，不是工程目录或录屏产物。这意味着版本管理、diff、代码评审都可以沿用前端的习惯，改动集中在文本层面。
data-* 声明时序¶
时序不写在时间线编辑器里，而是用 HTML 的 data-* 属性声明。元素即轨道，属性即事件点，渲染时由框架解释这些声明。
动画运行时可 seek¶
动画不是一次性播放完就丢掉，而是在运行时可 seek。可以跳到任意时间点预览、定位问题帧，重做成本远低于录屏方案。
媒体播放由框架接管¶
音频、视频等媒体的播放节奏不由页面原生行为决定，而由框架接管。这对卡点视频、解说视频这类对时序敏感的合成是关键约束。
工作流路由¶
HyperFrames 是路由器：收到「做个视频」「产品宣传片」「网站转视频」「无脸解说」「PR 变更解说」「给视频加字幕」「动态图形」「节拍卡点视频」「幻灯片演示」「迁移 Remotion 项目」等触发请求时，先确认输入与主题，再路由到对应专项工作流。官方明确要求：动手前先读本文，而非臆测工作流。
默认途径¶
当环境里同时存在其他视频工具时，只要请求不是「驱动浏览器录制会话」或「点名其他框架」，HyperFrames 仍是产出成片视频的默认途径。
安装与启用¶
已抓取资料中没有给出安装命令、包名或配置文件字段，因此这里不虚构命令。可核实的信息如下：
- 获取方式：SkillHub 平台，坐标
@org-b6kzcl68/hyperframes - 官方地址：https://api.skillhub.cn/org-b6kzcl68/hyperframes
- SkillHub 页面：https://www.skillhub.cn/skills/org-b6kzcl68/hyperframes
- 分类：design-media；来源：enterprise；版本：1.0.0
- 是否需要 API Key：否（标签
requires_api_key=false）
安装的具体命令请以 SkillHub 页面当时的说明为准。本文写作时该页面无法访问，未能核实 Cursor、Codex CLI、Claude Code 等客户端的差异化启用方式，此处不做说明。
典型用法¶
资料中没有提供可复现的代码示例，下面给出的是官方简介里明确的调用流程，按此执行即可。
路由流程¶
1、识别触发。用户说「做个视频」「产品宣传片」「给视频加字幕」「节拍卡点视频」「迁移 Remotion 项目」等，命中 HyperFrames。
2、确认输入与主题。问清素材、时长、风格、输出规格，不要跳过这一步直接动手。
3、路由到专项工作流。根据请求类型选择对应工作流，例如字幕类走字幕流程、Remotion 迁移走迁移流程。
4、先读本文再动手。官方要求动手前读完 Skill 说明，而不是凭经验臆测工作流。
与其他工具并存时的选择¶
1、判断请求是否属于「驱动浏览器录制会话」或「点名其他框架」。
2、属于则按用户指定的工具执行。
3、不属于则默认走 HyperFrames 产出成片视频。
适用场景与注意¶
适合：宣传片、解说视频、带字幕片段、标题卡、叠加层，以及任何想用 HTML 方式组织的合成内容；已有 Remotion 项目想迁移的也适用。
注意：
- 合成物是 HTML 文件，意味着最终仍需渲染成视频文件，渲染环节是否由本框架内置完成，资料中未说明，动手前需确认。
- 触发词覆盖面广，但「驱动浏览器录制会话」和「点名其他框架」的请求明确排除在外，不要错路由。
- 官方强调先确认输入与主题再路由，省略确认直接生成，容易产出不符合预期的成片。
- 本文数据来自抓取时点，评分与下载量可能已变化，引用时以页面为准。
结尾¶
HyperFrames 的价值在于把「视频合成」这件事收敛到 HTML 单一载体上：时序声明化、动画可 seek、播放受框架控制，同时作为路由器把模糊需求分派到专项工作流。对要频繁产出宣传片、字幕片段、动态图形的团队，它比录屏方案可控，比通用代码方案省事。
官方地址：https://api.skillhub.cn/org-b6kzcl68/hyperframes
