用途：HyperFrames 把 HTML 当作视频的唯一事实来源。一个合成就是一个 HTML 文件，用 data-* 属性定义时间，用 GSAP 时间线做动画，用 CSS 控制外观；框架负责片段可见性、媒体播放与时间线同步。适合制作视频合成、动画、标题卡、叠加层、字幕、配音、音频可视化与场景转场。
主要能力：支持根合成与通过 data-composition-src 加载的子合成；用 data-start、data-duration、data-track-index 等属性排布片段；用 data-composition-variables 声明变量，实现同一合成按不同标题、主题色、价格等参数复用；视频必须 muted playsinline，音频单独用 audio 元素；时间线统一以 paused: true 创建并注册到 window.__timelines。
使用方式：先读取项目中的 frame.md 或 design.md 设计规范，再按需做提示扩展与规划，先写静态 HTML+CSS 确定最终布局，再用 gsap.from() 加入场、gsap.to() 加出场。开发预览用 npx hyperframes preview；渲染用 npx hyperframes render --variables '{...}' --output q4.mp4，也可用 --variables-file ./vars.json，CI 中可用 --strict-variables。
限制：动画必须确定性，禁止 Math.random()、Date.now() 等；只动画视觉属性，不要动画 visibility/display，也不要调用媒体 play/pause/seek；禁止 repeat: -1，需按合成时长计算有限重复次数；时间线必须同步构建，不能放在 async、setTimeout 或 Promise 中；多场景必须使用转场与入场动画，禁止跳切。资料未提供收费、价格与平台支持信息。