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)

Explore the latest AI Radar updates