SuperAPI AI 工具集

kinetic-launch-film

设计与创作

查看项目

更新于 10-26 23:51

技能介绍

用途

Kinetic launch film 是一种以文字为主导的发布片制作技能:旁白驱动一切,词语在被说出的节拍上升起,UI 场景承载产品故事,结尾以光标点击落定 logo 卡与网址。适用于 60–90 秒、16:9 的产品发布短片。

主要能力

运动实现沿袭 howseen-ai/claude-motion-design(MIT),并移植到 framesmith 的纯 Python seek(t) 模型(framesmith.motion),包括:

  • 闭式弹簧(snappy 320/30、default 170/26、playful 180/12)
  • 对数空间镜头推进,每个短语带小幅 punch
  • 带轻微旋转的遮罩词升起
  • 边框光束与移动连接光束
  • 代码合成的 click、tick、pop、thump、whoosh 音效

视觉上采用浅色网格地面与一道漂移的品牌光晕。

使用方式

  1. 初始化:运行 python3 scripts/main.py init my-film,会复制 Prismor 示例。
  2. 脚本:编辑 vo.txt,示例弧线依次为问题钩子(含拉长词)、痛点所在(标签蒙太奇)、曲线上三个词、提问与平铺回答(含下落词)、“Meet [Product]”、产品功能(模糊 UI 上的两行大标题)、兼容性(logo 卡)、赌注(散开的一句)、“[Product] can help”、三到四个 UI 证明、hub、定位句、logo 标语与 URL。脚本需通过 no-ai-slop 技能,且每条声明需来自产品文档或网站。
  3. 语音:运行 python3 scripts/main.py voice --brief my-film/brief.json,使用最新 TTS 快照(默认嗓音 marin),并以重叠窗口转写(narration.transcribe_windows),因为 Whisper 会丢失长录音中的片段。
  4. Brief:brief.json 中每个节拍与其中每个短语、卡片、条目都以线索短语(at)开头;holds 在短语后插入静默,给 UI 节拍留呼吸空间。
  5. 检查 → 静帧 → 渲染;渲染自动混合语音与合成音效。

节拍类型

  • kin:语音同步的遮罩词升起,accent 词获得滚动全息填充,短语以模糊切换;键:phrases[{at, text, size, x, y, align, stretch, fall, scatter_at}]、backdrop: "ui" + feed
  • windows:标签蒙太奇,大号白字叠在着色应用窗口上,品牌图标方块漂浮;键:items[{at, label, kind: terminal/editor/browser/cloud, icons}]
  • paths:每个词在被说出时沿虚线贝塞尔绘制;键:items[{at, word, curve: 4 个点(0–1), start}]
  • meet:“Meet”加标记弹出;品牌线索处“Meet”升起、字标上升;键:name_at、name
  • logos:标题加带边框 logo 卡,playful 弹簧,每个念到的名字一张;键:phrases、items[{at, icon, name}]、grid_y
  • tilt:3D 倾斜的产品窗口落平,同时文字键入、检测框落位;键:box_at、curve_label、phrases
  • activity:实时活动流、加载状态、带标签的代理光标、最后一次调用描边;键:feed、status、agent
  • approve2:审批卡、光标点击 Approve、带边框光束的 toast;键:click_at、action、cmd、who、toast
  • structure:原始日志的 token 高亮,然后弧线飞入干净表格;键:raw、columns、rows[[value, raw_line]]、fly_at
  • hub:左侧列表 → 产品圆盘 → 右侧列表,光束绘入、脉冲穿行;键:left、right、left_title、right_title
  • end:logo 加字标、标语、URL 由光标点击加下划线、淡出至黑;键:tag_at、tagline、url

图标来自 assets/icons/<slug>.svg(thesvg,经 brand-icons)或 lucide:<name>,真实 logo 放在 assets/logo.png。

设计规则

适用 video-to-template/references/design-rules.md 中的设计规则:不用药丸或标签片(状态是圆点加词,光标标签是光晕上的纯文本)、使用真实 logo、不溢出、不用斜体、屏幕文字不加句尾句号。UI 内容必须为产品真实 UI 或明确通用内容;tilt 示例重建了 prismor.dev 自己的 hero 演示,组织、设备与人名为示例数据。

共享合成器位于 scripts/stage_engine/stage.py(与 archive-launch-film 同一文件),提供背景、卡片、光标、控制台面板与 holds。

适用场景与限制

适合需要文字驱动叙事、旁白同步的短产品发布片。示例 examples/prismor/ 为 67 秒的 Prismor 发布片,配有 marin 旁白。资料未提供时长之外的渲染性能、依赖安装细节、平台兼容性或收费信息,暂未提供。