用途：依据 config.json 渲染 mosaic-grid-reveal 格式视频。画面为满幅 N×N（默认 3×3）拼贴，由品牌真实产品图逐块弹出（散布顺序、ease-out-back 弹出）拼成整屏；随后网格放大淡出，收尾卡逐行构建：真实品牌字标、小副标签、标语、CTA。默认无声，音乐床另经 create-music-elevenlabs 混入。核心卖点是 RANGE——用九个差异最大的变体体现品牌可选范围。
主要能力：真实 DOM HTML 场景由 Playwright 逐帧步进输出 PNG，再用 FFmpeg 编码，因此字标、瓦片说明和 CTA 保持清晰；不使用生成式视频、i2v 或 AI 渲染文字。该步骤免费且确定性，唯一付费项（音乐床）属于独立媒体能力。
必要用法：配置字段含 width/height/fps（默认 1080×1920、30）、wordmark（SVG 或 PNG，真实 DOM，不可 AI 渲染）、palette、grid（cols/rows、inset、gap）、tiles（每格 image、name、bg、ink，数量须等于 cols×rows）、pop_order、timing、end_card、eyebrow。运行命令： python3 scripts/build_html.py --config config.json --out hyperframe.html python3 scripts/render.py --config config.json --html hyperframe.html --out master-silent.mp4 python3 scripts/build_html.py 会计算完整时间线并把 duration_sec 写回配置，render.py 据此逐帧调用 window.renderAt(t) 并编码无声母版。混流示例： ffmpeg -i master-silent.mp4 -i bed.wav -map 0:v:0 -map 1:a:0 -c:v copy -c:a aac -shortest out.mp4
限制与规则：画面必须满幅、边到边，瓦片不可作为小卡片悬浮；瓦片须逐个弹出，不可同时出现或静止；只用真实字标与产品图，不得 AI 渲染 logo 或文字；文案槽只能用品牌已批准语句，不得编造声明、客户、结果、价格或配送速度；应挑选九个差异最大的变体（色轮分布）。scripts/config.example.json 为填写示例（Pair Eyewear “RANGE”），瓦片图片与字标路径由编排器在 remix 时绑定。