用途：HyperFrames 把 HTML 当作视频的唯一来源。一个合成就是一个 HTML 文件，用 data-* 属性定义时间，用 GSAP 时间线做动画，用 CSS 控制外观；框架负责片段可见性、媒体播放与时间线同步。适合制作视频合成、动画、标题卡、叠加层、字幕、配音、音频可视化与场景转场。
主要能力：支持根合成与通过 data-composition-src 加载的子合成；片段用 id、data-start、data-duration、data-track-index 等属性排布，视频需 muted playsinline，音频单独用 audio 元素；时间线统一以 paused: true 创建并注册到 window.__timelines。
使用方式：先读取项目中的 design.md 或 DESIGN.md 获取品牌色与字体，没有则参考视觉风格预设或设计选择器；随后做提示扩展、规划节奏与布局，先写静态 HTML+CSS 确定最终布局，再用 gsap.from() 加入场、gsap.to() 加出场。多场景必须使用转场，每个场景元素都要有入场动画，除最终场景外不得使用出场动画。
限制：禁止 Math.random()、Date.now() 等非确定性逻辑；不得动画 visibility、display 或调用媒体 play/pause/seek；不得使用 repeat: -1；时间线必须同步构建，不能放在 async、setTimeout 或 Promise 中；根合成必须显式写 data-duration；不要用 br 强制换行。具体安装命令与收费信息暂未提供。