用途
launch-video 是一个用于在代码中制作产品发布视频的技能，目标是一句话卖点、30-45 秒的成品，类似 SaaS 公司在发布日发布的视频。视频以单个 HTML 文件构建，通过 window.seek(seconds) 控制画面，再导出为 MP4。
开始前准备
如果存在 brand.md 和 MOTION.md，应先阅读它们。如果不存在，要先运行 brand-intake，或向用户询问十六进制色值、字体和 logo 文件。资料中明确说明：在缺少这些信息时，不要称结果是符合品牌的。
第一步：先问五个问题并等待
需要用户提供五项内容：
- 一句话说明发布的是什么，例如“LinkedIn AI OS，一个六周的 cohort，帮你搭建内容系统”。
- 视频要讲的那一句话，拆成 3-5 个节拍，例如“Your next post, / in your voice, / checked before you see it.”
- 证明：产品的真实截图、带来源的真实结果，或真实客户发布内容，仅限附件文件。
- 行动号召，逐字照搬销售页上的原文。
- 品牌：十六进制色值、字体、logo 文件；以及尺寸：1920 x 1080、1080 x 1350 或 1080 x 1920。 资料强调：绝不虚构价格、日期、“剩余名额”数量、评价或结果。
“高级感”的含义
资料记录了三次初稿被以“不够高级”和“不是我的品牌色”为由退回后总结出的做法：
- 使用从落地页或最佳图形中采样的真实品牌色，绝不用默认配色。
- 玻璃拟态 UI：产品界面做成磨砂、液态玻璃质感的面板，带柔和纵深，类似 Apple 当前 UI。
- 输入提示输入到看起来真实的输入框中，这是唯一适合出现打字效果的位置。
- 证明卡片使用真实且近期的工作，而不是旧案例。
- 多样：任意两个节拍不得共用同一布局。 建议先用两三种风格构建前 10 秒，选定一种后再构建其余部分。
第二步：安排节拍
默认 7 个节拍、45 秒：
- 0-4 秒：句子的开头几个词，大字号，干净背景，作为钩子。
- 4-9 秒：接下来的词，叠在真实证明上（帖子、结果、屏幕）。
- 9-17 秒：产品运行中：一个屏幕、光标在真实提示词上打字、输出出现。
- 17-22 秒：质量节拍：某样东西被检查、通过或打勾。
- 22-32 秒：运作方式：用一张简单视觉呈现步骤、周数或功能。
- 32-38 秒：关键数字递增计数，并标注来源。
- 38-45 秒：名称、行动号召、要求，停留足够长时间以便阅读。 完成后展示节拍表，等待确认。
第三步：构建简报（粘贴到 Claude Code）
构建一个名为 index.html 的自包含 HTML 文件，用于 [LENGTH] 秒、[WIDTH] x [HEIGHT] 的产品发布视频，只使用所附文件，不从互联网加载任何内容。 风格：干净、高级的产品发布感。背景 [BG]，文字 [TEXT]，一个强调色 [ACCENT]，字体 [FONT] 或系统 sans-serif。充足留白。产品屏幕悬浮在柔和阴影上，缓慢推近。一句话拆分到各节拍，每个片段以短促、自信的动作落位。 禁止：标题上的打字机式显现（打字只属于产品输入框内部）、发光、弹跳、文字渐变、图库照片人物、伪造评价、以及任何用户未提供的数字。 节拍：严格按用户节拍表及其时间执行。 构建规则：由时间推导每一帧，添加 window.seek(seconds) 绘制该精确时刻。正常打开时自动循环播放，URL 带 ?render 时等待 seek。 构建后：从每个节拍中间截取一帧，检查文字被裁切、元素重叠、手机尺寸下不可读，以及任何不在简报中的词或数字。修复真实存在的问题，并保留第一版。
第四步：像买家一样检查
- 陌生人到第 4 秒能否知道发布的是什么？
- 每个数字都能追溯到来源吗？
- 行动号召是否至少保持 3 秒？
- 在手机上、静音状态下是否可读？
第五步：导出
使用 HyperFrames（免费、开源）：先 npx skills add heygen-com/hyperframes，再 npx hyperframes render。导出 16:9 和 4:5 两个版本。资料建议安装前先确认有哪些工具，并先询问用户。
适用场景与限制
该技能适用于需要快速产出产品发布视频的团队或个人，尤其是需要用代码精确控制画面时序、且希望风格统一的场景。限制方面：必须提供完整的品牌资料与真实的证明素材，否则无法称之为符合品牌；视频中不得出现用户未提供的价格、日期、名额、评价或结果；默认结构为 45 秒 7 节拍，其他时长或尺寸需在简报中指定。资料未提及具体收费、价格或其他平台支持信息，暂未提供。