该技能提供一套完整的社会证明/客户见证视频制作流程,适用于品牌宣传、产品评价展示等场景。
用途:面向需要快速制作专业感见证视频的品牌团队或个人,通过引导式步骤从品牌上下文中提取视觉与文案元素,生成结构化的创意规格并渲染成片。
主要能力:
- 品牌情报提取:分析代码仓库中的 Tailwind 配置、CSS 变量、设计令牌、Logo、评价组件、信任标识、营销文案等;或从提供的 URL 抓取可见品牌元素。
- 可选原创音乐:使用 ElevenLabs 生成温暖、励志的器乐音轨,需环境变量 ELEVEN_LABS_API_KEY。
- 音频节拍分析:通过 ffmpeg 提取 BPM、节拍时间戳、强拍和能量峰值,用于将引用文字与节拍对齐。
- 创意规格输出:生成单代码块的结构化规格,包含时长、宽高比、品牌摘要、动态语言、分镜时间戳、屏幕文字、视觉构图、motion.dev 动画行为、转场逻辑、图层顺序、音频方向、资产要求和字体层级。
- DOM 组合实现:使用 HTML、CSS、motion.dev 和 WAAPI 创建 composition.html,并要求暴露 window.helios、调用 helios.bindToDocumentTimeline() 并启用 autoSyncAnimations,确保确定性时序与动画同步。
- 官方 CLI 渲染:通过 npx @helios-project/cli render ./composition.html -o output.mp4 输出 16:9 MP4。
使用方式:
- 技能启动后先询问用户是在品牌仓库内还是提供 URL,以及是否需要生成背景音乐。
- 安装 Helios 运行时依赖:npm install @helios-project/core @helios-project/renderer @helios-project/cli。
- 根据用户选择分析代码库或抓取 URL 提取品牌信号,构建内部品牌档案。
- 若选择音乐,则用 ElevenLabs 生成音轨并用 ffmpeg 分析节拍。
- 阅读 motion-design-rules 技能中的动态设计规则(强制)。
- 输出创意规格(仅一个代码块)。
- 实现 composition.html,确保引用展示对齐强拍、引用可读至少4秒、星级评价按顺序动画。
- 用官方 CLI 渲染 output.mp4。
适用场景:品牌营销视频、客户评价合集、产品社会证明短片、需要音乐节拍同步的引用展示视频。
限制:
- 若未指定时长,默认30秒;最长引用不超过3条;时长≤15秒时仅展示1条引用+1项统计+CTA。
- 引用必须真实或具有代表性,不得编造;若仓库中无见证内容,使用明确标注的占位结构。
- 音乐生成依赖 ELEVEN_LABS_API_KEY,未提供则跳过音乐生成与节拍分析步骤。
- 输出宽高比固定为16:9,最终文件名为 output.mp4。
- 所有创意决策须与提取的品牌档案一致。