用途:指导用 HyperFrames 以 HTML 为视频唯一真源进行程序化视频创作。一个合成就是一个 HTML 文件:用 data-* 属性定义时间、用 GSAP 时间线做动画、用 CSS 控制外观,框架负责片段可见性、媒体播放与时间线同步。技能源自 heygen-com/hyperframes(Apache-2.0),希伯来语与 RTL 适配由 skills-il 完成。
主要能力:提供合成结构、data 属性、时间线契约、场景转场、排版与资源管理、动画护栏等最佳实践;支持希伯来字体加载、dir="rtl" 作用域、GSAP x 轴镜像、通过 hyperframes transcribe --language he 同步希伯来字幕、用 <bdi> 处理双向文本。希伯来语配音需外部云 TTS(本地 Kokoro 不支持希伯来语)。
使用方式:需要本地 Node 22+ 与 FFmpeg,在具备 shell 的环境(claude-code、cursor 等)可运行全部关卡:npx hyperframes check、render、transcribe、normalize-audio、doctor 及两个 Node 脚本;在无 shell 环境只能提供编写指导,无法检查、对比度审计、转写或渲染。时间线须以 { paused: true } 启动并最后注册 window.__timelines["<composition-id>"] = tl;注册前须先加入补间。
限制:不得使用随机与时间源(Math.random、Date.now 等),须用种子 PRNG;不得对片段元素补间 display/visibility/autoAlpha;不得调用 play/pause/seek;不得用 repeat: -1;多场景必须用转场,除最终场景外不得做退场动画;资源路径必须根相对,禁用 ../;video/audio 不得加 crossorigin。资料未提供具体价格与完整代码示例。