用 Agent 审计前端动效，统一节奏与性能

是什么

这条推文介绍 Emil Kowalski 为动画审计打造的 /improve-animations skill：由强模型先检查项目动效，再把明确的执行交给更便宜的模型。截图显示 Claude Code 按 recon、audit、vet、present 分阶段运行，并生成带文件与行号的报告。

核心设计

它把动效不顺拆成工程检查：时长是否达到 300–800ms、缓动是否重复且没有 token、入场是否从 scale(0) 出现、transform-origin 是否贴合触发源、退出是否缺失，以及 toast 是否因 bottom 布局和不可中断 keyframe 造成卡顿。建议统一 CSS motion tokens、缩短 UI 时长、使用缩放加淡入和合理原点，并优先采用可合成属性。

关键洞察

真正可借鉴的是判断与执行的分工，以及严重性、位置、发现、修复摘要组成的闭环：动效规范因此从审美偏好变成可定位、可复查的代码工作流，适合纳入前端评审和设计系统维护。

边界与风险

材料仅能确认 GitHub 仓库为 emilkowalski/skills，简介是 Skills for Designers and Engineers；没有 README 或完整实现，无法断言其架构与覆盖范围。自动修复仍需人工校验品牌节奏、可访问性、设备性能和业务语境，300ms 阈值不应机械套用。