用途:该技能用于 UI 动画的必要性判断、动效设计建议、实现方案选择,以及性能与无障碍评审。适用于 hover、popover、tooltip、dropdown、dialog、tab、segmented control、card、button、toast、accordion、scroll-linked animation、View Transitions 等场景,也可用于决定是否删除动画。
主要能力:提供六步评估顺序——一、判断动画是否必要及其功能性/装饰性;二、选择实现形式,包括缓动与时长(出现/退场用 ease-out 系,移动用 ease-in-out 系,推荐 quint/expo 曲线;常规交互参考 100ms 左右,大型 UI 可 300–500ms)、transform-origin 与缩放起点(tooltip/popover 0.95–0.98,dropdown 0.92–0.96,dialog/drawer/sheet 0.85–0.92)、hover/active/focus/tooltip、@starting-style 与 transition-behavior、interpolate-size、scroll-linked animation 与 View Transitions 的实现指針,以及 @keyframes 命名与作用域设计;三、性能评审(layout/paint/composite、transform 与 opacity 优先、避免每帧更新全局自定义属性、will-change 与 contain 的使用注意);四、中断与取消处理;五、prefers-reduced-motion 分级应对(禁用/简化/缩短/维持);六、最终风险核查。同时给出新建动画、修改代码、性能评审三类回复格式。
限制:资料未提供收费、价格、具体平台支持范围与安装命令,暂未提供。实际浏览器兼容性(如 display:none 过渡在 Firefox、@keyframes 内 display 在 Safari)需自行验证。