正在加载陈远的个人网站

从发现到评审的 Agent 动效技能链

通过发现机会、构建动效与严格评审,帮助 Agent 做出更有品味的界面动画。

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未说明统一渲染框架或测试机制,落地仍需验证可访问性与性能。本次没有视觉证据,不能补充画面结论。