用途:把一次动效需求转化为经得起严格评审的实现。它只做“构建”,不审计代码库、不审查改动、不寻找可动效点,也不面向 React Native。
工作方式:按顺序执行构建流程。先做两道门禁——第一,判断是否该动效(高频操作、键盘触发动作不加动画,必要时明确拒绝并给静态替代);第二,用一句话命名目的(反馈、空间一致性、状态提示、避免突兀、解释、愉悦),说不出目的就不做。随后选择最省的工具:CSS transition、@starting-style、CSS animation、WAAPI、Motion。仅使用 transform 与 opacity,避免 scale(0),触发器锚定元素使用 transform-origin。缓动与时长依据内置对照表:进入/退出用 ease-out,屏内移动用 ease-in-out,悬停用 ease,匀速运动用 linear;UI 动效控制在 300ms 内;拖拽、手势、可中断动效改用弹簧。
可靠性要求:处理中断与退出(用 transition 而非 keyframes,出入路径对称),随动画一起提供 prefers-reduced-motion 与 (hover: hover) and (pointer: fine) 门控。常见组件(按钮按压、下拉、提示、模态、抽屉、吐司、手风琴、错峰、长按确认、标签指示、滚动显现、拖拽关闭)可参考技能内 RECIPES.md。
限制:仅依据该技能资料,未提供官方收费、价格、平台支持、安装命令或独立官网等信息,暂未提供。