SuperAPI AI 工具集

motion

通用与其它

查看项目

更新于 10-15 19:52

技能介绍

用途:motion 技能聚焦“单个元素”的动效决策与实现,回答是否该动画、用哪条曲线、多长时长、进出场形态、按压反馈以及是否可中断。默认不添加动画,只有当动效能回答用户已在关心的问题(元素从哪来、按压是否生效、什么发生了变化)时才值得加入。

主要能力:提供频率门控(高频操作不加动画,偶发操作标准动画,首次体验可适度惊喜);曲线与时长建议(进入/退出用 ease-out,屏上移动用 ease-in-out,悬停/颜色/阴影用 ease,匀速用 linear;产品 UI 通常控制在 300ms 内,退出比进入快 20%–30%);进场从 scale(0.95) 加 opacity: 0 开始,避免 scale(0);弹层从触发点缩放;按压反馈用 :active 的 scale(0.97) 过渡;可逆状态用 transition,一次性序列用 @keyframes;只动画 transform 与 opacity;首帧静止状态不播放入场;减少动效时保留透明度与颜色响应、去掉位移。

使用方式:先读取项目现有动效系统,检索 --ease、cubic-bezier、@theme、transition-timing-function、motion/framer-motion、useSpring、animate( 或 tokens/theme 文件,复用其命名曲线与时长,不引入第二套动画层。输出需给出具体属性、毫秒时长与曲线 token,例如 transform 200ms var(--ease-out),并附减少动效路径。

适用场景:模态框、抽屉、弹出层、下拉、提示、Toast、手风琴等单元素动效的编写与调优。

限制:不负责多元素协同(交错、共享元素、路由切换)与手势驱动动效;资料未提供具体安装命令、收费与平台信息。