Emil Kowalski 开源动画性能优化 Agent 技能
Emil Kowalski 在其技能仓库新增 animation-performance,沉淀 Agent 易漏的动画性能规则。
来源摘录
Added a new /animation-performance skill to my skills repo. It includes lots of rules that agents seem to skip at the moment. Think about keeping blur() values small, not animating shadows, not swapping CSS variables frequently, etc. https://t.co/zEnLEjl3xX
深度解析
是什么:emilkowalski/skills 是 Emil Kowalski(曾任职 Vercel、Linear)面向设计师与工程师的开源 Agent 技能仓库,45.6k stars,以 Markdown 编写,可用 npx skills@latest add emilkowalski/skills 安装。本次新增的 animation-performance 技能专注修复掉帧动画,收录 Agent 常跳过的细微规则:blur() 取值要小、不要对阴影做动画、不要频繁切换 CSS 变量等。
核心设计:仓库按任务粒度拆分技能——emil-design-eng 汇总动画与设计规则;animate 从零构建动效并选对曲线、时长与属性;review-animations 按严格规则评审;improve-animations 审计全库动画并输出可执行的优先级改造计划;find-animation-opportunities 寻找真正值得加动效的位置;另有 animate-expo、apple-design、mobile-native、break-ui、pick-ui-library、ask-sonner 等场景化技能。
关键洞察:作者认为 Agent 缺的不是能力而是品味——小错误(如 enter 动画误用 ease-in、用实线边框替代半透明阴影)会复合成平庸界面。领域专长以技能形式喂给 AI,AI 不会取代而是放大专家经验的价值。
边界与风险:规则源于个人经验,未必适配所有项目设计语言;质量依赖作者持续维护;README 同时为个人 newsletter 与 Sonner 引流,采用时需结合自身场景甄别。