emilkowalski/skills Skill 技能

来自Linear设计师的AI设计与动画Skill合集

AI Agent 宽松开源(MIT/Apache)

Skills 是由前 Linear 设计师 Emil Kowalski 开放的 AI Agent Skill 合集,专为设计工程师打造,帮助他们在 AI 辅助下构建更高质量的用户界面。

Emil Kowalski 曾在 Vercel 和 Linear 担任设计工程师多年,积累了深厚的 UI/动画专业经验。这些 Skill 正是他专业能力的结晶——不是泛泛的设计建议,而是针对 AI Agent 常见「品味失误」的精准纠偏。例如:进入动画用了 ease-in 而非 ease-out,用实线边框替代半透明阴影等——这些细节看似微小,却直接决定了界面是「惊艳」还是「平庸」。

包含的10个Skill

  1. emil-design-eng — 主 Skill,涵盖动画与设计建议的核心知识库
  2. animate — 从零构建动画,选择正确的曲线、时长、属性等
  3. review-animations — 基于 Emil 规则对动画进行严格评审
  4. improve-animations — 审计代码库中所有动画,给出可执行的优先级改进计划
  5. find-animation-opportunities — 在 UI 中寻找真正值得加入动效的位置,同时告诉你什么不该动画化
  6. animation-vocabulary — 将模糊的动效描述转换为精确术语,帮助 AI 准确理解你的意图
  7. apple-design — Apple 设计原则与流畅动效,源自 WWDC 演讲并适配网页
  8. pick-ui-library — 基于 Emil 实际使用的可信库,让 AI 避免手写 toast 组件或安装废弃包
  9. prototype — 快速构建同一 UI 的多个版本并通过切换器对比
  10. ask-sonner — Sonner(Emil 的 Toast 库)使用指南,含设置、样式、配方和常见问题修复

核心价值

AI 并不替代专业 expertise,而是放大它。拥有专业判断力的人配合这些 Skill,能在 AI 辅助下远超同行。这些 Skill 是你在「AI 生成的界面汪洋」中脱颖而出的捷径。

安装

npx skills@latest add emilkowalski/skills

官方页面:https://animations.dev/

团队信息

由 AI 猎手自动发现

评论与建议

0 条评论