animate 是 aladicf/better-react-web-ui 库中的一个技能，用于实现或优化 UI 的动效、手势和过渡。当用户提出动画、悬停或按压动效、拖拽或滑动行为、状态过渡等需求时使用。
主要用途是分析功能并加入能提升清晰度、反馈、感知性能和精致度的动效，同时避免让界面显得缓慢、嘈杂或戏剧化。
使用方式：这是技能型资料，需要先读取 frontend-design 并遵循其 Context Gathering Protocol，复用已有上下文；还需收集性能约束。随后按需查阅动效参考、animate 参考索引、elevation 系统、交互参考、组件结构参考、响应式设计参考、框架官方文档、React shadcn 加速器、Tailwind 与 WAAPI 动效参考、linear 缓动模式、动效编排、滚动驱动动画、视图过渡等资料。若界面在使用频繁时已显卡顿，可加载 optimize；若需要在减少动效、错误、溢出、边界情况或混合输入模式上增强韧性，可加载 harden。
核心动效决策顺序：先修结构，动效只应强化层级和状态；每个动画都要有明确职责；偏向快速；保持可中断；匹配输入方式；提前规划减少动效；选择最轻量实现。动效职责包括反馈、方向指引、关系、愉悦感、层级与焦点引导。
默认规则包括：频繁交互的动效应低于 300ms，微交互约 100-150ms，退出动画约为进入时长的 75%，按压缩放常用 scale(0.97)，入口不从 scale(0) 开始，优先动画 transform 与 opacity，避免 transition-all，始终尊重 prefers-reduced-motion 并提供非动画替代。
限制：资料中未提供安装命令、价格、平台支持范围或具体验证效果等信息。