用途
该技能用于制作产品演示或宣传视频的完整引导流程:先明确品牌与音乐需求,再从品牌仓库或营销网站提取品牌标识与产品功能,生成背景音乐并对节拍做分析,最终输出一段节奏与画面同步、带有字幕与光标交互模拟的产品演示视频。
主要能力
- 品牌信息提取:分析 Tailwind 配置、全局样式、设计令牌、Logo、组件、页面布局、功能目录、API、设置页、README 与营销文案等,构建品牌画像(价值主张、受众、语气、配色、字体、产品类别)。
- 产品功能梳理:提炼 3 至 5 个标志性功能、主要用户流程、关键界面与差异化能力。
- 音乐生成与分析:如用户同意,使用 ElevenLabs 生成与品牌基调匹配的器乐音轨,并用 ffmpeg 提取 BPM、节拍、强拍与能量峰值,用于画面卡点。
- 创意规格输出:以结构化代码块给出 16:9 时长、节拍同步的分镜、逐功能时间戳、旁白脚本、屏显文字、视觉构图、motion.dev 动画行为、转场逻辑、图层顺序、音频方向与光标动作编排。
- 实现与渲染:生成 composition.html,使用 HTML、CSS、motion.dev 和 WAAPI 实现动画,接入 Helios 运行时,并通过官方 CLI 渲染为 output.mp4。
使用方式
执行前需回答两个问题:品牌素材来自代码库还是提供的 URL;是否需要生成背景音乐(需要环境中的 ELEVEN_LABS_API_KEY)。随后安装依赖:npm install @helios-project/core @helios-project/renderer @helios-project/cli。渲染命令为:npx @helios-project/cli render ./composition.html -o output.mp4。运行时需暴露 window.helios 并调用 helios.bindToDocumentTimeline({ autoSyncAnimations: true })。
适用场景
适合需要快速产出产品演示、功能展示视频的团队,包括 SaaS、开发者工具、电商等产品;可在品牌仓库内部或基于外部营销网站制作。未指定时长时默认 45 秒;时长不超过 30 秒时最多展示 2 个功能,任意时长最多 5 个功能,每个功能至少 5 秒并说明其收益。
限制
品牌标识不可猜测,必须来自代码库分析或提供的 URL;若用户不提供音乐则跳过音乐生成与分析步骤。代码不读取 .env 或自行验证密钥,需信任用户输入。视频固定为 16:9,动画要求确定性、无随机性,UI 稿需像素级准确。