Emil：九条设计工程与动效技能

GitHub Stars 2.7万

分类：图像与视觉设计

主技能讲的是那些不会写进需求、却会累积成体验差距的小判断：入场该用 ease-out，不该用迟钝的 ease-in；有些界面需要半透明阴影，而不是一道生硬实线。其余八条各管一段：从零搭动画、审查现有动画、生成全库改进计划、寻找真正值得动的地方、把模糊感觉翻成准确动效词汇、从 WWDC 设计分享提炼网页原则、避免手搓已有组件，以及一次做出多版界面放进切换器比较。作者也把边界说清楚：AI 放大领域经验，不替代学习设计和代码。

图像与设计开发开源

一句话价值

把 Vercel、Linear 的设计工程经验拆成九条技能：从零做动效、严格审查和全库改进，也补上动效词汇、Apple 设计原则、组件库选择与多方案原型。

适合场景

设计师
开发者
职场人士

亮点

按 emil 的规则审一遍这个页面的动效，逐条说明哪里该改。
给这个弹层做入场动画，曲线、时长和属性都要说明为什么这么选。
为这个设置面板做三套明显不同的原型，放进切换器让我并排比较。

安装指引

npx skills add https://github.com/emilkowalski/skills