正在加载陈远的个人网站

Emil 开源设计工程技能库:让 Agent 拥有动效品味

Emil Kowalski 开源 15 个 Agent 技能,把 Vercel/Linear 级别的动效与设计经验编码为可复用资产。

技能Agent 工程前端工程AI 应用

来源摘录

Try this skill workflow over the weekend, it’s pretty good: /find-animation-opportunities → /animate → /review-animations https://t.co/zEnLEjl3xX

深度解析

是什么:Vercel/Linear 出身的 Emil Kowalski 开源的 Agent 技能集(47k stars,Markdown 编写),定位「给设计师与工程师」,经 npx skills add emilkowalski/skills 安装。推文推荐一条周末工作流:/find-animation-opportunities → /animate → /review-animations,构成发现动效机会、实现、严审的闭环。

核心设计:技能围绕动效全生命周期铺开——找机会(并明确「什么不该动」)、从零构建(选对曲线、时长、属性)、严格评审、全库审计、性能修复,辅以动效词汇表;另有 Apple 设计原则提炼、移动端原生手感修复、UI 破坏性测试、Sonner 指南、Swift 编写等横向技能。核心论点是「Agent 没有品味」:典型错误如进场动画误用 ease-in(应为 ease-out)、用实线边框替代半透明阴影,小错叠加让界面平庸。

关键洞察:技能是领域专家经验的载体——AI 不取代专业能力,而是放大它;把多年经验显式编码为 SKILL.md,是专家在 Agent 时代保持杠杆率的方式,也是「在 slop 海洋中脱颖而出」的捷径。

边界与风险:规则源自作者个人偏好与 Vercel/Linear 语境,未必适配所有团队规范;仓库 2026-03 创建、较新,且技能属静态知识,仍需结合具体上下文自行判断取舍。