该技能提供一条端到端流程，用于制作竖屏短视频（Reels、TikTok、Shorts）。
用途：从品牌代码库或用户提供的营销网址中提取品牌识别信息，据此规划并生成一条节拍同步、适合在手机上观看的短视频。
主要步骤与能力：
- 收集上下文：先向用户确认是在品牌仓库内工作，还是提供网址；并询问是否需要生成背景音乐。若需要音乐，用户需在环境中提供 ELEVEN_LABS_API_KEY。该技能不会自行读取 .env 或验证密钥。
- 安装运行时依赖：执行 npm install @helios-project/core @helios-project/renderer @helios-project/cli。
- 提取品牌信息：分析 Tailwind 配置或 CSS 变量、全局样式表、设计令牌、Logo、favicon、Hero 区、营销文案、CTA 结构、产品定位、UI 组件、现有动效用法、社交媒体链接等；如果用户提供的是网址，则抓取该网址并从中提取可见品牌元素。随后整理品牌画像，包括价值主张、目标受众、语气、视觉密度、主色板、强调色、字体特征和社交账号。
- 生成原创音乐（可选）：使用 ElevenLabs 生成 15 秒以内、高能量、开场即高潮、适合循环的器乐音轨。
- 分析音频（可选）：用 ffmpeg 提取 BPM、节拍时间戳、重拍和能量峰值，形成节拍时间图；所有视觉变化必须落在节拍上。
- 阅读动态设计规则：技能要求先阅读并遵循 skills/guided/motion-design-rules 中的规则。
- 输出创意规格：包括时长、9:16 比例、1080x1920 分辨率、品牌摘要、动态语言、按节拍拆分的场景与精确时间戳、屏幕文字（每屏不超过 5 个词）、视觉构图、motion.dev 动画行为、转场逻辑、图层顺序、音频方向、素材需求和循环点。规格要求以单个代码块输出，不附带解释。
- 实现基于 DOM 的 Helios 合成：创建 composition.html，使用 HTML、CSS 和 motion.dev，暴露 window.helios，调用 helios.bindToDocumentTimeline({ autoSyncAnimations: true })，并确保时间确定、无随机性、文字避开顶部 10% 和底部 15% 的安全区。
- 渲染：执行 npx @helios-project/cli render ./composition.html -o output.mp4，输出 output.mp4。
使用方式：按上述步骤逐项执行；时长超过 60 秒会被拒绝，未指定时长默认 15 秒，未指定比例默认 9:16。
适用场景：为品牌快速制作节拍同步的竖屏社交短片。
限制：需要 Node.js/npm 环境；音乐生成依赖用户自行提供的 ElevenLabs API 密钥；品牌信息不得猜测，必须来自代码库或给定网址；动态设计规则必须遵循指定技能文件；该技能不验证密钥，也不读取 .env。