用途
该技能用于指导创建高端、优质的产品发布视频，基于 Hyperframes 框架。它强调从品牌发现到最终验证的结构化工作流，定位为视频项目的“导演与架构师”。
与官方技能配合
为确保技术准确性和获取最新框架模式，必须与官方 Hyperframes 技能配合使用。在编写任何代码之前，应：
- 调用官方 /hyperframes 技能，查看合成规则、数据属性语义和框架约束。
- 调用官方 /gsap 技能，获取详细时间线参考、缓动函数和复杂动画模式。
结合本技能的战略指导与官方技能的技术文档，可产出生产级视频合成。
无状态项目生成（关键）
本目录（hyperframes-product-launch-video）是只读模板和技能文件夹，绝不可在此写入项目专属文件。创建新视频项目时：
- 目标目录：所有项目文件必须创建在用户的目标视频项目文件夹中（例如 my-new-video/ 或 my-new-video/assets/）。
- 项目 DNA：在目标项目的 assets/ 或根文件夹中生成 brand_dna.json。
- 艺术指导：将最终的 ART_DIRECTION.md 保存在目标项目文件夹内。
- 无副作用：项目运行期间不得修改本技能文件夹内的任何文件。
工作流
1. 审问阶段（品牌 DNA）
开始前必须理解品牌：
- 网站分析：使用 Playwright 访问用户网站，提取品牌颜色、排版（字体）和核心价值主张。
- 素材请求：向用户索取 logo 和图标，明确需要干净、透明、紧密裁剪的 PNG 或 SVG。
- 视频类型选择：询问是 100% 动态图形视频，还是混合型（例如创始人出镜 + Hyperframes 动态图形）。
2. 规划阶段（艺术指导）
规划之前绝不编写 HTML。
- 生成艺术指导：基于艺术指导模板创建 ART_DIRECTION.md 文档。
- 场景拆解：定义视频的每一秒，明确视觉动作、镜头运动、缓动函数和音效。
3. 实现（高级动态设计）
应用精英动态设计原则，代码片段参见动态设计模式。
- Apple 式镜头：使用大幅微距变焦和快速变焦（back.out）。
- 橡皮擦揭示：交错文字透明度被滑动 logo“吃掉”。
- 碰撞/碎裂：使用 GSAP scatter 实现物理冲击效果。
- 玻璃拟态：使用 backdrop-filter: blur(40px) 的高级 UI 元素。
- 打字机物理：弹跳的 span 推动光标。
4. 声音设计（SFX）
- 购物清单：根据故事板向用户提供“声音设计购物清单”。
- 同步：使用 <audio data-start="..."> 标签与 GSAP 击点完美匹配。
5. 验证与排错
- 陷阱：查看关键陷阱，避免常见 Hyperframes 缺陷（时长不匹配、目标缺失等）。
- FFmpeg：如果渲染失败，引导用户在本地安装 FFmpeg。
最佳实践
- 原子场景：保持场景模块化，严格由 data-start 和 data-duration 管理。
- 可见性管理：使用 autoAlpha 处理场景过渡，确保干净的跳转。
- 布局与变换：flexbox 间隙使用物理尺寸，视觉表现使用变换。
适用场景
适用于需要制作高端产品发布视频的项目，尤其是希望结合品牌 DNA 提取、逐场景艺术指导、高级动态设计和音效同步的流程。
限制
- 本技能目录为只读模板，不可写入项目文件。
- 必须配合官方 /hyperframes 和 /gsap 技能使用。
- 渲染失败时需用户本地安装 FFmpeg。
- 关于收费、价格、平台支持范围等具体信息暂未提供。