跳到正文
全部 Skills
动效核心组合中的位置:审查

设计与动效总纲

emil-design-eng

这是整套 skills 的地基。它以动效为主,也覆盖界面层级、材质与留白。把它装上的意义不在于多一条命令,而在于你的智能体从此有一份可以反复引用的标准,而不是每次临场发挥。

它把哪件事做完了

把「什么是对的」写成可引用的规则

什么时候用它

  • 开工之前,想先给这个项目立一套判断标准
  • 对某处界面「说不上哪里别扭」,需要一个解释
  • 要向同事说明为什么这个方案比那个好

它具体做什么

缓动
入场用 ease-out,离场用 ease-in,手指拖拽用 spring,不用一套曲线打天下
层级
用半透明阴影建立前后关系,而不是给每个卡片加一圈 1px 实色描边
属性
只动 transform 与 opacity,避免每帧触发布局与重绘
降级
为 prefers-reduced-motion 准备等价的静态表现,而不是直接砍掉

可以这样提要求

按 emil-design-eng 的规则,检查这个页面的动效与层级关系,逐条说明哪里不对。