让 AI 做出 Vercel 级的界面动画,这个 Skill 套件做到了
你有没有这种感觉——让 AI 帮你写代码,做出来的东西功能没问题,但看起来就是「差一口气」?动画僵硬、配色业余、细节全无质感……这其实不是 AI 的错,是它根本没学过什么叫好设计。
最近发现一个让我眼前一亮的 Skill:**emil**——来自前 Vercel / Linear 设计师 Emil Kowalski 的设计调教套件,专门教 AI 怎么做出真正好看的界面动画和设计决策。Twitter 上 2000 多赞,GitHub 20k star,口碑炸裂。
AI 的品味短板,终于有解了
Emil 在他的博客里写过一篇《Agents with Taste》,核心观点就一句:AI 不缺执行力,缺的是审美判断。它能写代码,但不知道 ease-in 和 ease-out 哪个该用;它能做按钮,但不知道用半透明阴影比纯色描边更有质感。
这些「小细节」积累起来,界面就是「好看」和「能用」的差别。emil 这套 Skill 就是为了弥合这个 Gap。
四个子 Skill,对症下药
- emil-design-eng:主技能,覆盖动画原理和通用设计建议,是整个套件的核心
- review-animations:用严格的设计规则审查你现有的动画,指出哪里用错了 easing、哪里节奏不对
- improve-animations:扫描代码库里所有动画,给出可执行的优化计划,按优先级排序
- find-animation-opportunities:主动寻找 UI 里值得加动画的地方,告诉你「这里加个交互动画体验会翻倍」
上手超简单
一行命令装好:
npx skills@latest add emilkowalski/skills
装完之后直接和你的 Agent 说「帮我看看这个页面的动画」「这个按钮点击效果怎么改」,它就会按 emil 的设计原则给你专业建议。
为什么我推荐它
大多数 Skill 是帮 AI 提升「能不能做到」,emil 是帮 AI 提升「做得好不好看」。对于做产品、做 SaaS、做设计系统的同学,这个 Skill 直接提升 AI 产出的美感上限。
Vercel 和 Linear 两个顶配设计团队的经验沉淀,不是网上随便抄的设计规范——是真的在顶级产品里打磨出来的品味。
设计师和工程师都值得装一个。
评论区
0 条评论
登录后可评论。