emil-design-eng(Emil Kowalski)
Sonner 作者 Emil Kowalski 的设计工程技能:把他关于动画取舍、缓动、时长和组件手感的规则交给代理,审查 UI 代码时用 Before / After / Why 表格给出改法。
Sonner 作者 Emil Kowalski 的设计工程技能:把他关于动画取舍、缓动、时长和组件手感的规则交给代理,审查 UI 代码时用 Before / After / Why 表格给出改法。
skills.sh 安装量 390427(+3064 / 24h)
**安全审计**:已审计(未发现风险)
安装:`npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng`
**理由**
- 动画先按使用频率决定:每天出现 100 次以上的操作(快捷键、命令面板)不加动画,键盘触发的动作一律不做动画
- 规则落到具体 CSS:不从 scale(0) 出场、弹层从触发点展开、按钮按下缩到 0.97、只动画 transform 和 opacity、尊重 prefers-reduced-motion
- 同仓库另有 14 个技能在榜(animate、review-animations、apple-design 等);24 小时安装 3064,累计 390427(只代表关注度)
**用法**
- npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng(作者 README 用 npx skills@latest add emilkowalski/skills 装全套)
- 让代理审查组件代码或问某个动效怎么做;不带问题首次调用时它只回一句就绪提示
- 无依赖
**风险**
- 纯文字规则,审计“通过”与内容相符
- 代表一位作者的取舍,示例以 Web / CSS / React 为主
[打开](https://www.skills.sh/emilkowalski/skills/emil-design-eng) · [仓库](https://github.com/emilkowalski/skills)