用途:引导用户端到端制作品牌宣传(hype)视频,从品牌信息收集到渲染输出成片。
主要能力与流程:
- 收集上下文:先询问用户是处于品牌仓库内,还是提供网址做在线品牌研究;并询问是否需要生成背景音乐(需环境变量 ELEVEN_LABS_API_KEY)。
- 安装 Helios 运行依赖:npm install @helios-project/core @helios-project/renderer @helios-project/cli,使用 DOM 模式渲染。
- 提取品牌情报:分析 Tailwind 配置、CSS 变量、全局样式、设计令牌、Logo、favicon、Hero 区、营销文案、CTA、产品定位、UI 组件与现有动效;若提供网址则抓取网页提取可见品牌元素。构建品牌画像(价值主张、受众、语气、视觉密度、主色与强调色、字体特征、情感定位)。
- 可选音乐:用 ElevenLabs 生成与品牌调性、情感曲线、目标时长匹配的器乐音轨并本地保存。
- 可选音频分析:用 ffmpeg 提取 BPM、节拍时间戳、强拍、能量峰值,生成节拍时间映射,所有动画需对齐该映射。
- 读取动效设计规则:需阅读 skills/guided/motion-design-rules,规则为强制要求。
- 产出创意规格:以资深创意总监身份输出单一代码块内的结构化规格,含时长、画幅比、品牌摘要、动效语言、节拍同步分镜、精确时间戳、旁白、屏显文字、视觉构成、motion.dev 动画行为、转场逻辑、图层顺序、音频方向与素材需求;仅使用 motion.dev 兼容术语。
- 实现 DOM 版 Helios 合成:创建 composition.html,用 HTML/CSS/motion.dev 实现动画并对齐节拍,包含生成的音频,时长精确;须暴露 window.helios = helios,并调用 helios.bindToDocumentTimeline({ autoSyncAnimations: true }),要求确定性、无随机。
- 渲染:npx helios render ./composition.html -o output.mp4,输出 output.mp4,要求画幅比与时长正确、音轨已附加、CSS 与 WAAPI 同步。
其他规则:时长不超过 15 秒时强调冲击力与清晰度;未指定时长时默认 30 秒;不得复述原始提示或解释推理过程。
限制:不自行读取 .env 或验证密钥;音乐功能依赖 ELEVEN_LABS_API_KEY;具体收费、价格和效果等资料暂未提供。