SuperAPI AI 工具集

hyperframes-video-beats

设计与创作

查看项目

更新于 10-19 10:53

技能介绍

HyperFrames Video Beats 是一个面向长视频口播内容的动态图形节拍技能。其主要用途是将口播视频与转录文本转化为一组有节奏的动态图形,为旁白提供视觉支持,同时避免不必要地遮挡出镜者。

主要能力:

  • 读取项目说明、根组合、当前节拍排期、共享 CSS 与转录文本,建立可见覆盖图,并按旁白内容而非任意时间戳识别主题段落。
  • 为每个主题段落决定节拍类型:重大论点、列表、章节标记、引语或统计数字适合使用全屏纸质节拍;解释性内容、主题标签、公式式心智模型、小列表或长口播段的节奏填充适合使用玻璃拟态下三分之一卡片。
  • 按转录文本锚点对节拍定时,通常提前 0.2-0.6 秒开始,持续到主题结束或自然交接;子元素入场与口播短语对齐。
  • 提供节拍节奏启发式:视频前段避免超过 20-30 秒无视觉节拍,主体避免超过 30-45 秒,密集解释段按主题跨度使用下三分之一。
  • 指导内容撰写以实现扫视理解:使用短名词短语、直接标签、每卡一个心智模型,避免复述旁白、长句、模糊宣传语和过多高亮。
  • 规定视觉风格:严肃专业字体、纸质节拍黑字、强调蓝仅用于主要统计数字或罕见关键词、玻璃卡片保持现有深色磨砂风格、下三分之一不遮挡面部。
  • 提供 HyperFrames 实现规则:每个定时元素需 data-start、data-duration、data-track-index;子组合需在 window.__timelines 注册暂停的 GSAP 时间线并用 tl.set({}, {}, SLOT) 固定;编辑 HTML 后运行 npx hyperframes lint;新节拍放入 compositions/beats/NNN-short-name.html 并在 index.html 挂载及更新主可见排期。
  • 覆盖扫描与验证:按可见开始时间列出节拍,报告超过阈值的空隙,仅在转录有可支撑概念处添加或重定时节拍;项目模式使用 30 秒严格扫描阈值和 45 秒主体最大可接受阈值;完成前运行 linter 并修复错误。

使用方式:依据项目 AGENTS.md 与技能文档,先检查根组合、节拍排期、共享 CSS 和转录文本,建立覆盖图并提取转录片段,识别主题跨度并决定节拍类型,然后撰写内容、按语义定时、按设计系统与 HyperFrames 规则实现,最后运行 lint 和覆盖扫描,给出更改的文件路径与时间戳。

适用场景:长视频口播 HyperFrames 视频的动态图形规划、添加或改进视觉节拍、节奏填充、统计数字强调、章节过渡与心智模型可视化。

限制:资料未提供具体安装命令、收费方式、支持平台或渲染性能数据;所有实现细节以项目本地 AGENTS.md 和 HyperFrames lint 规则为准。