用途：在 Claude Design 环境中，基于预校验骨架快速生成结构合法的 HyperFrames 视频初稿，输出可直接交给 Claude Code 继续打磨的起点，而非最终成片。仅适用于 Claude Design，普通 Claude Code 场景需另寻方式。
主要能力：
- 按品牌附件提取配色、字体与语气，通过 :root CSS 自定义属性落地品牌识别。
- 按视频类型选择骨架：社交竖版（9:16，10–15 秒，5–7 场景）、发布预告（16:9，15–25 秒，7–10 场景）、产品讲解（16:9，30–60 秒，10–18 场景）、电影感标题（16:9，45–90 秒，7–12 场景）。
- 逐场景填充内容与 GSAP 入场动画，并加入场景中段持续运动（计数、描线、字符错峰、呼吸浮动、条形填充、Ken Burns 缩放、高亮扫过、辉光脉冲）。
- 预置 2–3 个着色器转场，其余为硬切；可选着色器包括 domain-warp、ridged-burn、whip-pan、sdf-iris、ripple-waves、gravitational-lens、cinematic-zoom、chromatic-split、swirl-vortex、thermal-distortion、flash-through-white、cross-warp-morph、light-leak、glitch。
- 交付 index.html、preview.html、README.md 与 DESIGN.md。
使用方式：读取需求→选骨架→填品牌色与字体→逐场景填内容与动画→在预览中验证后交付 ZIP。本地渲染命令为 npx hyperframes render index.html。仅可修改 CSS 自定义属性、场景内容、动画补间、场景数量、着色器与时长；不可改动脚本加载顺序、window.__timelines 初始化、.scene.clip 类、.scene-content 包裹层与 preview.html 结构。非锚点场景必须用 autoAlpha 切换显隐，锚点场景由 HyperShader 管理透明度；场景时长、data-start 与着色器时间需同步更新。
适用场景：品牌视频初稿、社媒短片、产品讲解与电影感片头等快速原型。
限制：不负责动画精细打磨与制作级 QA；预览黑屏、中间场景不可见、转场闪烁与向后拖动空白等已知问题需按排查项处理；着色器仅可用于关键节点，不应用于每一次剪辑。具体收费、价格与更多平台支持情况暂未提供。