大家有没有发现!AI写的页面，功能都能用。
可按钮一弹、弹窗一蹦，马上就露出一股塑料感。
其实很多时候，问题卡在三个很小的判断:
1.这里该不该动?
2.该动多快?
3.应该从哪里出现?
今天给大家分享GitHub上的emilkowalski/skills.
截至发稿，这个项目已经接近3万Star！
作者做过Vercel和Linear 的设计工程，把这些判断拆成了10个Skill，可以给你的编程Agent直接使用。
里面的规则具体到什么程度?
1.每天要操作上百次的功能，干脆别加动画
2.弹窗进场优先用ease-out，普通界面动效尽量控制在300毫秒内
3.元素出现时，别再从 scale(0)突然蹦出来
它还能从零写动画、检查现有动效、找出真正值得加动画的位置。
同一个按钮或卡片拿不准怎么做，它会生成三种可以真实操作的方案，放进切换器里对比，选中后再写回项目。
提前提醒一下:
它主要服务网页和产品界面。有的Skill会修改代码或安装依赖，使用前先读清楚SKILL.md，确认它准备做什么。
它更像一套给Agent看的设计判断手册。安装之后不会自动变高级，最后那一下审美判断仍然要自己来。
如果你正在用AI做网站或产品，可以先收藏，再挑一个Skil放进隔离项目试试!
关注布鱼，每天扒点真正值得学习的开源项目～
