用途:在静态页面或组件已完成后,为其添加或审查动效;不用于掩盖或补偿未完成的布局。完成后交由 design-review 检查。
主要能力:提供动效决策框架(四问门:是否该动、目的、缓动、时长);时长分层(微交互100-150ms、状态200-300ms、布局300-500ms、入场500-800ms,退出约为入场75%);缓动规范(进入退出用 ease-out,位移/状态切换用 ease-in-out,悬停用 ease,匀速用 linear,禁用 ease-in 与弹跳/弹性曲线);材质优先 transform/opacity,其他属性需验证;物理正确性规则(禁止 scale(0)、注意 origin、错峰列表、@starting-style);强制 prefers-reduced-motion 回退;禁止统一的 opacity:0 + translateY(20px) + ease-in-out 入场签名。
使用方式:先跑决策框架,再选时长与缓动 token,选材质,套用入场/微交互/页面转场等模式,同批交付减少动效回退,并用术语表命名效果。
适用场景:网页、Web 应用、iOS、Android 的动效实现与审查。
限制:仅用于已定稿布局;模糊/滤镜等效果若掉帧需回退;纯空间效果在减少动效下应整体禁用。具体安装命令与收费信息暂未提供。