正在打开每日关注
正在打开每日关注
通过审查现有 UI,识别值得添加动效的地方,并明确哪些元素应保持静止,降低过度动画风险。
哇 大家快去用这个 find-animation-opportunities https://t.co/CMBVnCYApA 适合不知道怎么添加动画效果的各位,会自动查找你当前的 UI 中,找出真正值得加动画的地方,严格拒绝不该加动画的地方,防止过度动画导致界面卡顿。 只提出建议,你 review 过后,可以配合 improve-animations 去实现当前的动画,非常实用。
New skill: /find-animation-opportunities Search your UI for places that would genuinely benefit from motion, while also telling you what not to animate. https://t.co/zEnLEjkvIp
是什么
这是 Emil Kowalski 的 emilkowalski/skills GitHub 仓库:一组面向设计师与工程师的 Markdown 技能,把动画与界面经验转成 Agent 可复用的判断规则。README 元数据显示仓库有 33,344 Stars,安装命令为 npx skills@latest add emilkowalski/skills。
架构与核心设计
能力按独立 SKILL.md 组织,emil-design-eng 为主入口,并拆出 find-animation-opportunities、animate、review-animations、improve-animations。核心链路是扫描现有 UI,判断哪里值得动、哪里应静止,经人工 review 后再实现;判断包括缓动曲线、时长和动画属性。
关键洞察
它把“何时不动”与“如何动”放在一起,回应 Agent 会写代码但不一定有品味的问题,减少无意义动画、错误 easing 与体验噪声;animate-expo 还覆盖 React Native/Expo 的手势、sheet、触感和屏幕转场。
边界与风险 README 证明的是技能工作流,不是自动改 UI 的运行时或质量保证;实际效果仍取决于产品语境、性能、技术栈和人工取舍。Star 数代表关注度,不等于普适性。