SuperAPI AI 工具集

explainer-video

设计与创作

查看项目

更新于 10-21 07:41

技能介绍

Explainer-video 是一个面向口播讲解视频的编辑技能,其风格源自创作者的高播放量动态作品:白色画布、单一强调色、每个节拍一个对象,并且对象在说出对应词语时准确变化。适用于解释产品如何运作、流程、框架或入门引导。

主要能力与风格:

  • 视觉规范:白色画布,文字颜色 #1d1d1f,默认强调色 #0071e3(仅一个强调色),字体使用 SF Pro 或 Inter,大词重 700-800 且字距紧凑。白色卡片圆角 44px,带细边和柔和长阴影。字幕为白色胶囊内单行,y 962,字重 650,约 52px,每个词在说出时从 7px 模糊淡入。除品牌真实 Logo 外不使用橙色或亮色。
  • 布局语法:全脸(开场与行动号召)、分屏(大多数节拍,对象占据上方面板 x 74-1006, y 170-880,人脸卡片在下方)、全图形(约 40% 视频,设计对象填满画面无脸)。每 3-5 秒切换布局。
  • 节拍对象:每个节拍一个对象,对象在指定词语上变化;对象在剪辑间延续,下一个升起时上一个摆出;不在镜头上叠加缩放或推近;文字与对象位于头顶上方而非背后。
  • 多尺寸:同一构建可生成 9:16、4:5、1:1 和 16:9,使用 PANEL 定义对象尺寸,然后运行 every-format。

使用方式:

  1. 准备:先运行 video-intake(获取剪辑、words.js、人脸帧、启动器),再运行 opening-hook 处理前 2 秒。
  2. 请求三样东西并等待:带词语时间点的剪辑转录(来自 video-intake)、节拍(将脚本拆成 3-5 秒的想法,一个想法一个对象)、真实素材(脚本中提到的 Logo、应用图标、截图,仅附件文件且 512px 以上)。
  3. 编写节拍表并等待确认:每行一个节拍,包含开始、结束、布局、口播词、对象、变化词。确认后先构建前 10 秒并展示静帧。
  4. 构建简报:在视频文件夹内粘贴到 Claude Code,仅编辑 video.js,严格遵循节拍表与 words.js 的时间,使用 spring() 和 easeOut() 过渡,无线性移动、文字不弹跳,分屏节拍对象在 x 74-1006, y 170-880,全图形节拍对象填满画面但保持 y 930-1040 为字幕留空。
  5. 渲染与检查:使用 node render.mjs --stills <times> 快速查看,再 node render.mjs 渲染视频,发布前运行 video-check。构建后打开 index.html?render&t=<每个节拍中点> 检查对象填满面板、不遮挡字幕、不越界。

适用场景:产品原理讲解、流程说明、框架介绍、入门引导等口播视频。

限制与注意事项:仅使用提供的真实 Logo 和截图,不得编造数字、Logo 或结果;对象应填满面板,小对象会显得廉价;关键词用蓝色或描边字幕会显得廉价;刻度与徽章应位于卡片内部;不展示重复设计。其他功能、收费、价格、平台或效果暂未提供。