用途:该技能只做一件事——按高工艺标准审查动画与动效代码,不写功能、不修无关缺陷、不审查非动效代码;若被要求审查普通代码,应拒绝并指向通用审查技能。首次被调用且无具体问题时,只回复一句已准备好按 Emil Kowalski 动画理念的高标准审查,不提供其他信息。
主要能力:以十条不可妥协标准衡量每处动画,包括动效是否有正当理由、频率是否匹配、缓动是否响应式(进入/退出用 ease-out 或强自定义曲线,UI 上 ease-in 属阻断项)、UI 时长是否低于 300ms、原点与物理正确性(弹出层从触发元素缩放,不用 scale(0),改用 scale(0.9–0.97)+opacity,模态框例外)、可中断性、仅用 GPU 属性(transform/opacity)、无障碍(尊重 prefers-reduced-motion,悬停动效需 @media (hover: hover) and (pointer: fine) 门控)、进入/退出非对称、整体协调性。还列出需立即标记的升级触发项,如 transition: all、scale(0)、键盘快捷键或每日 100+ 次操作上的动画、无理由超 300ms、transform-origin: center 的触发锚定弹出层、快速触发元素上的 keyframes、动画布局属性、忙碌页面上的 Framer Motion x/y/scale、父级 CSS 变量驱动子级 transform、缺少 reduced-motion、未门控 :hover、按压/长按交互的对称时序、缺少 30–80ms 错峰的一次性入场。修复建议按优先级:删除、缩减、修缓动、修原点/物理、改为可中断、移到 GPU、非对称时序、打磨、无障碍与协调。
使用方式:审查时输出两部分——先给一张 markdown 表格,每行一个问题,列为 Before、After、Why;再按影响层级给出结论,层级依次为破坏手感的回归、错过的简化、性能、可中断性与时序、原点物理与协调、无障碍,最后给出明确决定:Block 或 Approve。需具体到 file:line;需要精确曲线、时长或弹簧配置时从 STANDARDS.md 取用。
适用场景与限制:适用于审查动画与动效代码,尤其是弹出层、下拉、提示、Toast、开关、拖拽、手势驱动动效等。限制是仅限动效审查,不处理其他代码;资料未提供安装命令、收费、价格、平台或效果信息。