用 Emil 的技能检查界面动画

适合谁

适合设计师和工程师，目标是 build better user interfaces。官方仓库是 https://github.com/emilkowalski/skills ，写明 For designers and engineers to help them build better user interfaces。技能基于作者在 Vercel 和 Linear 的多年经验。主技能 mostly animation, but also some design advice；另有同一套标准面向 React Native 和 Expo。它不是通用产品设计课，也不等于已经帮你选好组件库。

更适合先拿现有界面做动画/动效检查，而不是一上来重写生产页面。若你的工作与界面运动无关，这份材料对不上。材料没有写必须使用哪一个代理产品。

3 分钟完成第一次尝试

官方安装命令是：

npx skills@latest add emilkowalski/skills

前置条件：能执行 npx，并且当前目录允许写入技能配置。材料没有写 Node 版本或其它安装器。先确认目录可写，再执行；副作用是装上这组技能。装完后先确认技能可被唤起，不要立刻改业务代码。

低风险任务：在已能使用该技能的代理里，打开一个你有权查看的现有界面或组件，只要求检查动画和设计建议，明确不要提交改动。成功信号是代理按「主技能以动画为主、兼有设计建议」给出可核对的意见，例如运动是否过重、是否缺少设计约束。不要让它直接重做整页。若界面索要材料未出现的密钥，立刻停。

材料没有写出主技能的命令名；第一次尝试用安装后的默认技能入口即可，不要编造技能标识。

使用案例

案例一：检查 Web 界面的动画与设计。对应 The main skill that consists of mostly animation, but also some design advice。适合已有页面或组件、只想先听建议的人。材料没有写检查清单或框架限制；能确认的是重点在动画，并带一点设计建议。先看建议，再决定是否改代码。

案例二：把同一套标准用到 React Native 与 Expo。对应 The same bar, for React Native and Expo: gestures, sheets, haptics, screen transitions, and keeping motion off the JS thread。适合 RN/Expo 项目里已经有手势、sheet、触感或转场的人。材料没有写具体 API；能确认的是运动应离开 JS thread。第一次只做核对，不要在这一步改原生依赖。

使用边界

经验来自 Vercel 与 Linear，但不等于这些公司的官方规范，也不保证套到任意设计系统都成立。材料没有给出第二条安装命令，也没有给出分技能的独立安装名。RN/Expo 那条只覆盖 gestures、sheets、haptics、screen transitions 和把 motion 移出 JS thread，不要扩成通用原生开发指南。也不要推断某家客户端独占。未写出的技能名一律不要补。