用途:当需求涉及动画、交互、表现、演出、微 UX、沉浸感、滚动或过渡时启用该技能,用于 UI 表现、动画与交互的设计和实现咨询。若 doc/input/rdd.md 中有设计方针或基调,需一并参照。
主要能力与判断规则:把体验视为状态迁移与时间的设计,而非单纯外观;优先守住无障碍与性能(prefers-reduced-motion、GPU 负载、INP/LCP);先用最小原型验证,只保留有价值的演出。动效既是信息也可能是噪音,需明确目的(视线引导、状态变化理解、舒适感);不把所有元素都动起来,只在关键瞬间制造节奏;不破坏无障碍(动效抑制、对比度、焦点、可操作性);避免布局抖动,优先选择轻量手段;实现需可回退、可切换。
使用方式:先确认设计初手是否已纳入动效(motion-first,而非先定静态外观再补),明确动效要让用户理解什么、目标环境(移动端/低配/网络)、绑定操作(hover/click/scroll/route)、是否需要 reduced motion 支持。输出按固定顺序:目的、规格(触发/状态/时间/缓动/停止条件)、实现方针(最小手段到逐步增强)、无障碍考量、性能考量(计测点)、下一步(原型到集成)。
检查清单:动效目的可解释;支持 prefers-reduced-motion;不阻碍键盘与焦点等关键操作;不增加布局计算(优先 transform/opacity);不对 INP/LCP 造成负面影响。
常见陷阱:过度动画导致信息密度下降;忽略 reduced motion 造成不适或危险;滥用 scroll 处理等重实现导致 INP 恶化。
限制:资料未提供具体安装命令、平台支持范围、收费方式与效果数据,暂未提供。