用途概括HyperFrames 合成契约技能，讲解如何构建一个可渲染的基于 HTML 的视频项目：合成结构、data-* 时序属性、片段/轨道、子合成、变量、确定性渲染规则与校验。它产出正确、可定位、由框架托管媒体的合成，并涵盖 Tailwind 项目及 STORYBOARD/SCRIPT 规划格式。
业务领域
Coding
技能形态
Style GuideWorkflow
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
当 Agent 或用户需要构建、修改或校验 HyperFrames 合成 HTML 文件时——在编写任何合成代码之前，或需要组织轨道、片段、子合成、变量或 Tailwind 项目时。
data-* 时序属性。一个遵循技术契约、可正确渲染的 HyperFrames 项目——确定性、可 seek、框架托管媒体，可供后续动画/创意技能及 CLI 渲染使用。
使用场景
开发者从零开始一个新的 HyperFrames 视频。在写 index.html 前，他们阅读 hyperframes-core 了解最小合成骨架、根尺寸规则和单一暂停时间线契约。这避免了静默布局错误和非确定性动画，节省调试时间，确保项目首次即可通过 `hyperframes check`。
团队修改现有合成以添加子合成和片段。借助 hyperframes-core，他们保留 ID/时序，以匹配的 data-composition-id 接入子合成宿主，将媒体作为根子元素放置，并运行 `npx hyperframes snapshot` 验证帧。技能规则防止破坏渲染，产出已校验、可评审的视频。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件