animate 用于分析功能并添加动效，以提升清晰度、反馈、感知性能和完成度，同时避免界面显得缓慢、嘈杂或戏剧化。用户通过 /animate 启动该工作流。技能激活后需加载 $frontend-design 获取设计原则、反模式与上下文收集协议；若尚无设计上下文，必须先加载 $setup，并收集性能约束。
主要能力围绕动效策略与实现：先修结构再行动效；每个动效需服务于反馈、方向、关系或愉悦；优先速度与可中断；匹配输入方式；预先规划减少动效；优先最轻实现（现代 CSS、Tailwind，必要时 WAAPI 或 Motion）。默认规则包括：微交互约 80ms 内给出可见反馈，超过约 400ms 需乐观 UI、骨架屏或加载反馈；常规动效多在 300ms 以内，按压 100–150ms，标准状态变化 200–300ms，较大布局过渡 300–500ms，500ms 为特例上限；退出快于进入（约进入的 75%）；优先动画 transform 与 opacity，避免布局属性；按钮按压 scale(0.97)；不从 scale(0) 进入；菜单、抽屉、卡片需具备原点感知；手势使用距离加速度、边界阻尼与指针捕获；始终尊重 prefers-reduced-motion，减少动效应简化为淡入、模糊或即时状态变化而非零反馈。
使用方式为通过 /animate 触发，并按其指引查阅动效参考、海拔系统、交互参考、组件解剖、响应式、框架官方文档、React shadcn 加速器、CSS/Tailwind/WAAPI、滚动驱动动画、视图过渡等资料。若界面已显卡顿，可加载 optimize；若需强化减少动效、错误、溢出与混合输入模式，可加载 harden。
适用场景包括生产级 UI 的页面加载、英雄区、内容揭示、模态与抽屉、按钮与表单反馈、开关与勾选、显示隐藏、展开折叠、拖拽滑动关闭、滚动揭示、Toast 堆叠、视图过渡等。限制：资料未提供具体价格、平台、版本或完整安装命令；动效不能掩盖慢加载或弱层级；键盘触发动作通常不应动画化；不要把动效当作布局问题的补救。