用途：为产品或流程制作解说/演示视频（explainer、walkthrough），以 Helios 运行时和 motion.dev 动画为主体，输出 MP4。
主要能力与流程：
- 先向用户确认两点：素材来自品牌仓库还是外部网址；是否需要生成背景音乐（需要环境变量 ELEVEN_LABS_API_KEY，可在 https://elevenlabs.io → Profile → API Keys 获取）。不自行读取 .env 或验证密钥。
- 安装依赖：npm install @helios-project/core @helios-project/renderer @helios-project/cli，使用 DOM 模式渲染。
- 品牌提取：从仓库读取 Tailwind 配置、CSS 变量、全局样式、设计令牌、Logo、favicon、文档结构、功能描述、引导流程、帮助文案、信息架构、UI 组件、既有动效；若给的是网址则抓取页面提取同类可见品牌信号。据此建立内部品牌画像（价值主张、受众、语气、视觉密度、主辅色、字体性格、信息层级、讲解风格），所有创意决策须与之对齐。
- 配乐（可选）：用 ElevenLabs 生成平静、稳定、无戏剧峰值的器乐，音量不压过旁白。
- 音频分析（可选）：用 ffmpeg 提取 BPM、节拍点、强拍、能量峰值，形成节拍时间图，使段落切换对齐强拍、文字出现对齐节拍。
- 制作前须阅读并遵守 skills/guided/motion-design-rules 中的动效规则。
- 输出创意规格：单个代码块内，无外部解释。含时长、16:9、品牌摘要、叙事弧（引入→问题→方案→如何运作→CTA）、动效语言、按节拍的分段与精确时间戳、旁白脚本、屏幕文字、视觉构图、motion.dev 动画行为、转场逻辑、图层顺序、音频方向、素材需求、步骤/进度标记。叙事须含前 5 秒钩子、问题、方案、分步演示、总结与 CTA。
- 实现 composition.html：HTML+CSS+motion.dev，动画用 WAAPI/CSS/motion.dev，段落转场对齐强拍，含生成的音频、精确时长。必须暴露 Helios 运行时：import { helios } from "@helios-project/core"; window.helios = helios; helios.bindToDocumentTimeline({ autoSyncAnimations: true });，要求无随机、计时确定，关键信息至少停留 3 秒。
- 渲染：npx helios render ./composition.html -o output.mp4，16:9、时长正确、含音频、CSS 与 WAAPI 完全同步、高质量，输出文件名 output.mp4。
规则与限制：时长 ≤30 秒压缩为钩子→核心概念→CTA；未指定时长默认 60 秒；任意时长最多 5 段，每段需清晰屏幕标题；节奏须留出理解时间。不重述原始提示，不解释推理。资料未提供收费、价格、平台支持范围等信息。