用途
Website to HyperFrames 用于将一个网站捕获后，制作成专业的视频。典型使用场景包括：用户提供一个 URL 并想要一个视频、有人说「捕获这个网站」、把网站变成短视频社交广告、从网站创建产品导览等。
主要能力
该工作流包含 7 个步骤，每个步骤产出一个产物（artifact），作为进入下一步的门槛：
- 步骤 0：捕获与理解品牌 — 捕获网站，读取提取的数据以理解品牌与产品，包括产品功能、目标用户、品牌语气和氛围。捕获的资产是品牌工具包，而非视频的直接构建块。门槛：打印站点摘要，先讲策略（产品做什么、给谁用、品牌声音），再列资产/颜色/字体清单。
- 步骤 1：品牌识别 — 编写 DESIGN.md，一份品牌速查表，涵盖颜色、排版、组件样式、布局原则。使用 design-styles.json 获取精确计算值。快速视频可采用 50 行摘要版本。门槛：DESIGN.md 存在，至少包含调色板、字体选择和 do's/don'ts。
- 步骤 2：策略与信息 — 在讨论视觉和资产之前，与用户对齐视频必须传达的内容。解析用户提示，他们可能已给出视频类型和风格，仅询问缺失项：视频必须说的那一件事、叙事弧线、受众。门槛：视频类型、时长、格式以及信息与叙事弧线锁定。
- 步骤 3：故事板 + 脚本 💬 — 以概念优先方式编写故事板：信息 → 叙事弧线 → 服务于弧线的节拍 → 每拍技术 → 最后品牌点缀。然后编写匹配的旁白脚本。与用户逐拍审查直到批准。门槛：STORYBOARD.md + SCRIPT.md 存在且用户已批准计划。
- 步骤 4：配音、时间与字幕 💬 — 若步骤 2 确定无旁白，询问背景音乐后跳至步骤 5。否则询问用户 TTS 提供商（HeyGen TTS、ElevenLabs 或 Kokoro），生成音频、转录、将时间戳映射到节拍，然后询问字幕。门槛：要么无旁白且故事板有手动节拍时间，要么 narration.wav + transcript.json 存在且节拍时间已更新为真实时长。
- 步骤 5：构建合成 — 加载 hyperframes 技能（每条规则都重要），遵循故事板选择的架构和节奏构建 index.html 和合成。子代理在报告前对每个节拍运行 hyperframes lint 和 hyperframes snapshot。门槛：主代理对照 DESIGN.md 和 STORYBOARD.md 从头到尾阅读每个 compositions/beat-N.html。
- 步骤 6：验证与交付 — 执行 lint、validate、按视频长度缩放快照（公式：max(beats × 3, ceil(duration_seconds / 2))）并逐一审查，修复问题后再交付。交付本地 Studio 项目 URL，仅在用户明确要求时渲染为 MP4。门槛：npx hyperframes lint 和 npx hyperframes validate 零错误通过，且最终响应包含活动的 Studio 项目 URL。
使用方式
默认采用协作模式，标记为 💬 的门槛会暂停并询问用户。若用户表示自主模式（如「替我决定」「给我惊喜」），用户偏好类门槛会被跳过，但质量校验门槛不可跳过，包括：资产审核（步骤 3）、逐节拍 HTML 阅读（步骤 5）、完成度检查清单（步骤 6，含动画映射、逐警告 WCAG 验证、音频/运动播放）、诚实披露部分（步骤 6，「我未验证的内容」必须出现在最终摘要中）。
视频类型与时长的典型约束：社交广告（IG/TikTok）10–15 秒，平台限制驱动，旁白可选；产品演示 30–60 秒，脚本长度驱动，完整旁白；功能发布 15–30 秒，功能复杂度驱动，完整旁白；品牌宣传片 20–45 秒，音乐驱动，可选旁白；发布预告 10–20 秒，钩子能量驱动，最少旁白。节拍数不在此表中，应由故事板决定。
支持格式：横屏 1920x1080（默认）、竖屏 1080x1920（Instagram Stories、TikTok）、方形 1080x1080（Instagram 信息流）。
参考文件包括：step-0-capture.md、step-1-design.md、step-2-brief.md、capabilities.md（24 节 HyperFrames 能力清单）、step-3-storyboard.md、step-4-vo.md、step-5-build.md、step-6-validate.md、techniques.md（13 种原始动画技术，含代码模式，需适配而非复制粘贴）、html-in-canvas-patterns.md（HTML-in-Canvas 效果的完整代码模式）。
限制
自主模式不覆盖质量校验门槛。代理若认为「自主模式偏向行动，所以跳过 X」而 X 是校验门槛而非偏好问题，则该推理错误。偏向行动适用于决定构建什么，而非决定是否验证。