用途：HyperFrames 让 HTML 成为视频的真相来源。一个合成就是一个 HTML 文件，用 data-* 属性定义剪辑与时间，用 GSAP 时间轴做动画，用 CSS 控制外观，框架负责剪辑可见性、媒体播放与时间轴同步。可创建视频合成、动画、标题卡、叠加层、字幕、旁白配音、音频响应视觉与场景转换。
主要能力与用法：合成通过 data-start、data-duration、data-track-index 等属性编排剪辑，同轨剪辑不能重叠；视频需 muted playsinline，音频单独用 <audio> 元素；所有时间轴以 { paused: true } 开始并注册到 window.__timelines["<composition-id>"]，时长由 data-duration 决定而非 GSAP 长度。子合成经 data-composition-src 以 <template> 包装，独立主文件则不使用 template。CLI 子命令包括 init、lint、transcribe、tts、render、preview、inspect、benchmark。
在 Open Design 中：当 $OD_PROJECT_DIR 存在时，源文件应放入隐藏缓存目录，仅渲染出的 .mp4 落在项目根目录；推荐先用 npx hyperframes init "$COMP" --example blank --skip-skills --non-interactive 生成脚手架，仅编辑 index.html，再经守护进程派发渲染与轮询等待；该环境跳过视觉身份门禁，默认深色画布 #0b0b0f、暖accent #ffb76b、冷accent #7da4ff。
规则与限制：禁止 Math.random()、Date.now() 或时间依赖逻辑；只动画视觉属性，不动画 visibility/display，不调用媒体 play/pause；禁止 repeat: -1；时间轴须同步构建；不要在 content 文本中用 <br>；多场景必须使用转换，每场景元素须有入场动画，除最终场景外不做退场动画。正式定价、平台支持等资料暂未提供。