emilkowalski/skills
GitHub: emilkowalski/skills
一套为 AI 编程 Agent 注入专业 UI 设计判断力的技能规则集，帮助前端开发者在使用 Agent 时自动遵循动画与设计的最佳实践。
Stars: 3075 | Forks: 260
# 设计工程师技能
[](https://skills.sh/emilkowalski/skills)
旨在帮助设计师和工程师构建更出色的用户界面。
在涉及动画或整体设计时，很难判断自己是否做出了正确的选择。这些技能旨在帮助你更快地做出正确的决定。
它们基于我在 Vercel 和 Linear 等公司工作多年的经验。
## 安装
```
npx skills@latest add emilkowalski/skill
```
## 为什么使用它？
Agent 的品味并不好
我见过很多次，Agent 并没有为动画选择合适的参数。比如本该使用 `ease-out`（[原因在此](https://emilkowal.ski/ui/7-practical-animation-tips#4.-choose-the-right-easing））的入场动画，却使用了 `ease-in` 缓动。或者它们选择了实心边框，而不是半透明阴影。
所有这些细节累积起来，会让你的界面要么惊艳四方，要么就……显得平庸。
正如 [有品味的 Agent](https://emilkowal.ski/ui/agents-with-taste) 中所解释的那样，这些技能列出了 Agent 可能犯的所有小错误，并说明了如何修复它们。
这是你通往优秀界面的捷径。一条让你在平庸的海洋中脱颖而出的捷径。
## 参考
- **[emil-design-eng](./skills/emil-design-eng/SKILL.md)** — 主要技能，主要包含动画内容，但也有一些设计建议。
- **[review-animations](./skills/review-animations/SKILL.md)** — 根据我的规则，以严格的标准审查你的动画。
- 更多内容即将推出。
标签：AI辅助编程, UI设计, 代码规范, 动效设计, 提示词工程, 文档结构分析, 策略决策点, 防御加固