一个能将顶级设计经验转化为 Agent 可执行规则的「设计外挂」，让你的界面从平庸变得惊艳。emilkowalski/skills 是专为「设计工程师」打造的 AI 辅助知识与工具集，由曾在 Vercel 和 Linear 工作的 Emil Kowalski 开发。SpaceX 等巨头的软件设计也参考了 Apple 的风格。
这个库的核心理念很简单：把顶尖设计工程师的隐性知识，转化为 AI 可以理解和执行的显性规则。该项目在 GitHub 上已获得 14.4k Star。
解决的核心痛点
痛点一：AI「有脑子，没审美」
AI 能写代码，但无法区分设计上的「好」与「差」。例如为入场动画错误地使用 ease-in 而非 ease-out，或用生硬的实线边框代替精致的半透明阴影。这些细微差别累积起来，让界面从「惊艳」滑向「平庸」。
解决方案：将专家的审美知识转化为可执行的规则集。AI 调用这些技能，相当于内置了一位设计顾问。
痛点二：改进建议「泛泛而谈，难以落地」
AI 常给出「让动画更流畅」这类模糊指令，缺乏系统性审计和可执行方案。
解决方案：通过 improve-animations 提供系统化工作流——扫描整个代码库，从 8 个专业维度诊断所有动画，生成存放在 plans/ 目录下的详细计划文件，明确指定改哪个文件、哪一行、换成什么值。
痛点三：设计与开发「语言不通，决策无据」
只能用「柔和一点」「丝滑一些」等模糊词汇描述效果，AI 难以精准理解。
解决方案：animation-vocabulary 提供精确的动画术语表，apple-design 将苹果 WWDC 的权威设计原则提炼为 Web 可用标准。
核心技能包
| 技能名称 | 功能描述 |
|---|---|
| emil-design-eng | 主技能包，包含动画及设计建议 |
| review-animations | 基于作者规则严格审查动画 |
| improve-animations | 审计代码库所有动画，生成优先级排序的执行计划 |
| find-animation-opportunities | 搜索适合添加动效的地方，并指出不应添加的区域 |
| animation-vocabulary | 提供精确动画术语，方便与 AI 沟通 |
| apple-design | 提炼苹果 WWDC 设计原则，适配 Web |
improve-animations 完整工作流
- 全面审计：扫描整个代码库，从目的、缓动、时长、物理性、可中断性、性能、可访问性、连贯性八个维度诊断
- 生成报告：输出带优先级的发现表格
- 制定计划：在 plans/ 目录生成自包含的详细计划文件
- 执行计划：由其他 AI 智能体直接执行，无需额外上下文
实际使用效果
生成有「高级感」的界面
通过 emil-design-eng 或 apple-design 技能，AI 生成的 UI 在细节上更精致。例如生成弹窗时，会自动应用 ease-out 缓动、控制在 300ms 以内的时长、从 scale(0.96) 开始展开，避免动画生硬。
系统化「体检」和修复动画
审查弹窗动画时，AI 会输出清晰的 Before / After / Why 表格：
/* Before */
transition: all 300ms ease-in;
/* After */
transition: transform 180ms ease-out, opacity 180ms ease-out;
Why: all 会误伤属性，ease-in 让进入动画开头变慢。
统一团队与 AI 的设计语言
animation-vocabulary 解决了「知道效果但说不出来」的问题。例如「iOS 那种拖到边界有阻力再弹回的效果叫什么？」它会告诉你术语是 rubber-banding。
安装与使用
在你的项目终端中运行：
npx skills@latest add emilkowalski/skills调用方式：
- 显式调用（推荐）：「使用 apple-design 构建一个 iOS 风格的底部弹窗」
- 隐式触发：AI 根据任务描述自动判断调用
推荐工作流
分阶段使用效果更佳：先用 animation-vocabulary 找到准确术语 → 再用 emil-design-eng 生成或优化组件 → 最后用 review-animations 审查质量。
苏米注
这个项目把大师的经验转化成一套可判断的规则，核心逻辑很清晰——动画有没有必要看使用频率（高频操作建议删除动画，低频操作可使用丰富表现力），动效对不对看物理感受（审查是否使用 transform 和 opacity 保证性能、是否考虑 prefers-reduced-motion 设置）。值得学的是它把「好设计」从主观感受变成了可审计、可执行的规则集。
项目地址：github.com/emilkowalski/skills