用途：创建 HTML 与 GSAP 动态图形（本仓库称为 hyperframes），并渲染为视频。实现状态为从既有仓库技能重构而来，整合了此前分散在多个较大技能中的行为，来源包括 ad-studio、ai-ugc-ad-generator，提取内容涉及 HTML 模板、设计指南与 render_hyperframe.py。
主要能力：为每个视频或片段生成一张固定画布尺寸的 HTML 合成，竖版广告通常为 720x1280 或 1080x1920；支持确定性渲染，在 HTML 中暴露 window.renderAt(seconds)，使每个动画仅靠时间即可定位；使用 Playwright 或本地浏览器截图管线逐帧输出 PNG，再用 FFmpeg 编码；偏好满幅场景，不把主要 9:16 合成放入横向分镜框。
使用方式：先阅读需求简报并确认所需输入齐全。可定位渲染的命令形态为：NODE_PATH=<playwright-node-modules> node scripts/render_seekable_hyperframe.js \ hyperframes/<composition>/index.html \ clips/<composition>-nosound.mp4 \ <duration-seconds> --fps 30 --width 720 --height 1280。渲染器应打开 HTML，对每帧调用 window.renderAt(t)，截取固定视口，并用 FFmpeg 编码为 H.264。输出保存 HTML、无声 MP4、日志、抽样审核帧、manifest.json 和 verification.md。
适用场景：需要生成竖版广告或类似动态图形视频，且要求可复现、可逐帧定位渲染的流程。
限制：需要提供清晰简报或源素材路径，以及品牌、产品、受众、平台与审批等约束信息；使用外部服务时需具备相应凭据或提供方访问权限；需指定输出或测试运行目录。若缺少凭据、访问权限或源文件，Playwright/浏览器依赖不可用，动画依赖真实时钟而无法确定性定位，帧空白、尺寸错误或被裁切，则无法正常运行。脚手架技能在补充实现细节前无法执行生产流程。