全部 Skills
设计与动效总纲
emil-design-eng
这是整套 skills 的地基。它以动效为主,也覆盖界面层级、材质与留白。把它装上的意义不在于多一条命令,而在于你的智能体从此有一份可以反复引用的标准,而不是每次临场发挥。
它把哪件事做完了
把「什么是对的」写成可引用的规则
什么时候用它
- 开工之前,想先给这个项目立一套判断标准
- 对某处界面「说不上哪里别扭」,需要一个解释
- 要向同事说明为什么这个方案比那个好
它具体做什么
- 缓动
- 入场用 ease-out,离场用 ease-in,手指拖拽用 spring,不用一套曲线打天下
- 层级
- 用半透明阴影建立前后关系,而不是给每个卡片加一圈 1px 实色描边
- 属性
- 只动 transform 与 opacity,避免每帧触发布局与重绘
- 降级
- 为 prefers-reduced-motion 准备等价的静态表现,而不是直接砍掉
可以这样提要求
›按 emil-design-eng 的规则,检查这个页面的动效与层级关系,逐条说明哪里不对。