Magic Animator 是一款 AI 驱动的动画工具，用于为标志、UI、图标和社交媒体素材创建动态效果。它让设计师能够在数秒内为静态设计添加动感，把扁平的 UX 转化为更具质感、更动态的体验。
用途 该技能主要用于通过高质量动效提升 UX 与用户参与度，最适合为品牌资产、界面元素和微交互制作动画。
适用时机 在以下情况触发使用该技能：
- 为静态标志或品牌标识添加动感，使其更令人印象深刻。
- 用加载器、动画组件或平滑过渡增强网站/应用 UI。
- 为图标或微交互制作动画，以更出彩的方式引导用户行为。
执行流程
- 选择素材：确定要制作动画的静态设计元素（SVG、PNG 或 Figma 图层）。
- 选择预设/类别：选择合适的领域（标志、UI、图标、社交媒体），以确保运动曲线与场景匹配。
- 制作动画：通过基于聊天的提示使用 AI 动画助手，请求具体、有质感的动效（例如“让它感觉像高端奢侈品牌的揭幕”或“给它一种动感、弹性的弹出效果”）。
- 精修：如可用，编辑关键帧以进一步打磨，确保缓动曲线自然且高级。
- 导出与集成：将最终动画导出为 Lottie（JSON）用于网页/移动端性能，或导出为 GIF/MP4 用于社交媒体。
严格规则
- 仅在动效服务于所请求的产品和所选工具时使用；尊重现有设计惯例和减少动效偏好。不要强制使用托管生成、效果或新软件包。
- 有目的的动效：每个动画都必须显得刻意且高级。避免杂乱或过快、会分散核心 UX 注意力的动效。
- 格式纪律：根据实测大小、渲染器兼容性和无障碍性选择受支持的格式；Lottie 并不总是更小或完全兼容。
示例 用户请求：为静态标志或品牌标识添加动感，使其更令人印象深刻。
限制
- 仅当任务明确符合上述范围时使用此技能。
- 不要将输出视为环境特定验证、测试或专家评审的替代品。
- 如果缺少必要输入、权限、安全边界或成功标准，应停止并请求澄清。
- 核实当前产品/工具/导出可用性、素材许可和提供方数据/成本授权。检查生成的 SVG/Lottie 内容、绑定素材大小，并测试回退方案、键盘交互和减少动效。此处不捆绑动画服务，指南不保证输出质量。