正在打开每日关注
正在打开每日关注
通过发现机会、构建动效与严格评审,帮助 Agent 做出更有品味的界面动画。
New skill: /animate Build an animation from scratch while choosing the right curve, duration, properties, and so on. Now you have the whole flow: /find-animation-opportunities → /animate → /review-animations https://t.co/jCwhthpi20
是什么
emilkowalski/skills 是面向设计师与工程师的 Markdown 技能集合,帮助 Agent 做出更好的界面。新 /animate 与 /find-animation-opportunities、/review-animations 组成“发现—构建—评审”链路;README称经验来自 Emil Kowalski 在 Vercel、Linear 的工作。
架构与核心设计
仓库按独立技能文档拆分:emil-design-eng 为主技能,配有 animate、animate-expo、improve-animations、animation-vocabulary、apple-design、prototype、ask-sonner 等专项技能。通过 npx skills@latest add emilkowalski/skills 安装。重点是显式指导曲线、时长、属性、缓动及“不该动画”的判断,而非提供动画运行时。
关键洞察
README指出 Agent 常误用进入动画的 ease-in,或以实线边框替代半透明阴影;许多小选择会累积成明显的界面质量差异。它把隐性设计经验变成可复用、可评审的步骤。
边界与风险 这是经验型决策辅助,不保证脱离语境仍正确;README未说明统一渲染框架或测试机制,落地仍需验证可访问性与性能。本次没有视觉证据,不能补充画面结论。