用途
pm-brand-motion 是 super-pm 系列中的一个品牌动效设计技能，用于在品牌动效方向层面提供支持：为品牌设计动效方向、制作 logo 动画 demo、定义品牌动效性格，以及完成从静态 logo 到动态展示的过渡。它的产出定位是方向验证，而非最终交付品。
主要能力
- 通过交互问答确定动效范围，可选：logo 开场动画（splash / 品牌展示页）、加载状态动画、交互微动效、页面过渡动画等。
- 从产品定位方案、原型设计方案等前置文档以及 logo 文件（SVG 优先，其次 PNG/JPG/WebP）中读取品牌性格、视觉风格与 logo 结构。
- 定义品牌动效性格：提供多组性格词选项（如「精准·专业·可靠」「活力·大胆·进取」「温暖·友好·亲切」「优雅·精致·高端」等），并映射到动效风格参数，包括时间感、缓入缓出与编排节奏。
- 识别 logo 语义部件（mark / wordmark / 装饰等），规划编排模式（逐层浮现、中心绽放、笔迹描绘、弹跳入场、拼图组装、渐显定格等）与三段式时间分配（预备 20% → 动作 50% → 收尾 30%）。
- 生成方向性 demo HTML，包含 mark、wordmark、tagline、装饰线等部件动画，以及重播与速度调节控件。
使用方式
技能通过一系列 AskUserQuestion 交互流程推进：先执行前置检查（检查方案设计目录与前置文档、logo 文件），随后依次确定动效范围、读取前置数据、定义品牌动效性格、规划编排方案、生成 demo HTML、输出品牌动效方案文档。
使用前提（前置门禁）：
- 必需文档（至少一项）：原型设计方案（docs/02-方案设计/原型设计方案.md）或产品定位方案（docs/02-方案设计/产品定位方案.md）。
- Logo 文件（至少一项）：SVG（优先）或 PNG/JPG/WebP。
若不具备上述条件，技能提供兜底选择，例如执行 /pm-position、/pm-proto，或手动输入品牌信息、提供 logo 路径、以文字描述 logo 结构。
输出文件：
- 品牌动效方案 → docs/02-方案设计/品牌动效方案.md
- 方向性 demo → docs/02-方案设计/品牌动效demo.html
写入边界：只讨论时不写文件，启动检查不创建目录；用户要求保存产物时，先确认当前产品、精确输出路径及已有文件的覆盖/追加选择。
Demo 技术要点
demo 为纯 HTML + CSS + 内联 JS，不依赖任何外部工具或脚本。动画只使用 transform 和 opacity；通过 .animate class 触发动画，replay 采用 class toggle（移除→reflow→添加）；速度通过 --spm-speed CSS 变量配合 calc(duration / speed) 控制；@keyframes 内的 timing-function 必须写 literal cubic-bezier；必须包含 prefers-reduced-motion 处理。
方案文档结构包括动效定位（性格词、风格参数、使用场景）、编排方案（部件识别、编排模式、时间分配、编排顺序）、动效原则（基于 Disney 12 动画原则）、方向性 demo 说明、设计师精修指引与下一步建议。
适用场景
- 需要为品牌设计动效方向。
- 制作 logo 动画 demo。
- 定义品牌动效性格。
- 从静态 logo 到动态展示的过渡。
- 新品牌首发推荐开场动画；已上线产品推荐交互微动效；需要全面规划时可先做开场动画。
限制
- 不适用于需要专业级动效交付（应交给设计师）的场景。
- 不适用于已有成品动效、无需方向验证的场景。
- 不适用于仅需要文字描述、不需要 demo 的场景。
- demo 为方向验证性质，SVG 可能是简化版或概念示意，缓动曲线与编排细节需设计师专业调校。
- 各项具体收费、价格、平台信息暂未提供。