emilkowalski/skills

这是什么

Emil Kowalski（前 Vercel、Linear 设计师）开源的 AI 技能合集，专为"设计工程师"（Design Engineer）打造。核心命题：AI 没有品味，这些技能就是给 AI 注入 Emil 十几年积累的动效与 UI 品味。8 个技能覆盖从动效评审、代码审计、机会发现到原型制作的完整工作流，另有 Apple 设计原则的 web 化翻译和 UI 库选择指南。

使用建议

8 个技能覆盖动效评审、代码审计、原型制作完整流程。如果想认真学动效，先装 emil-design-eng 和 apple-design 两个就够了。review-animations 适合做 CI 环节的动效审查。和 ibelick/ui-skills 对照着看：ibelick 偏设计视觉，Emil 偏动效工程。

先看这几个

• emil-design-eng — 核心技能，阅读量最大。编码了 Emil 在 UI 打磨、动效决策、组件设计上的完整哲学，包括 easing 选择树、spring 配置表、clip-path 技巧、Sonner 构建经验，是整库的灵魂。
• apple-design — Apple WWDC 设计演讲的 web 化翻译，核心来自 Designing Fluid Interfaces 2018。从响应延迟、直接操作、可中断性到弹簧动画的参数映射，比读 WWDC 录播更直接可用。
• review-animations — 严格 10 条硬标准和激进触发清单，把动效代码审查变成了可执行的 checklist。适合在 CI 或 code review 环节自动触发。
• improve-animations — 输出可执行的优化计划而非修改代码本身。架构设计聪明：让大模型做判断（发现+排期），让便宜模型执行。
• prototype — UI 变体原型工具，内置 picker 让用户在不同设计方案间切换对比。最实验性但也最独特的技能。

技能目录

skills 8

8 个技能全部在同一个 bucket，按使用场景区分：自动触发的动效审查/审计类（4 个）、手动调用的工具类（3 个）、原型制作（1 个）

animation-vocabulary 模型可载

动效词汇反向查询表：把模糊的描述转成精确术语，让设计师能准确和专业工具沟通。只做命名，不做实现。

apple-design 模型可载

Apple 界面设计与流畅动效原则的 web 化翻译。覆盖手势驱动 UI、弹簧动画、拖拽交互、毛玻璃材质、字体排印、减少动效场景的完整实践。

emil-design-eng 模型可载

Emil Kowalski 的 UI 打磨哲学全集。动效决策框架（频率-目的-缓动-速度）、组件构建原则、clip-path 技巧、手势交互、性能规则、Sonner 经验。

find-animation-opportunities 模型可载

动效机会发现器。扫描界面找该动但没动的地方，同时果断拒绝不该动的，核心是克制。只输出精确配方，不修改代码。

improve-animations 模型可载

动效审计与优化路线图生成器。扫描整个代码库的动效代码，输出优先级排序的可执行计划。大模型做判断，便宜模型执行。

pick-ui-library 手动调用

UI 库选择助手。基于 Emil 的品味和经验（Sonner、cmdk、base-ui、motion 等）给前端任务推荐正确库。只显示式调用触发。

prototype 手动调用

UI 变体原型制作工具。对一个 UI 片段生成多个真正不同的设计方案，用可视化切换器对比挑选。只显示式调用触发。

review-animations 手动调用

严格的动效代码审查。10 条不可协商标准加激进触发清单，默认拒绝态度，通过需要证明。只显示式调用触发。

目录结构

skills/
skills/animation-vocabulary/
skills/apple-design/
skills/emil-design-eng/
skills/find-animation-opportunities/
skills/improve-animations/
skills/pick-ui-library/
skills/prototype/
skills/review-animations/
.gitignore
LICENSE
README.md