SuperAPI AI 工具集

web-motion-auditor

设计与创作

查看项目

更新于 10-15 21:47

技能介绍

用途:审查网页动画、UI 过渡、滚动效果、悬停状态、加载状态以及 GIF/视频录制,并检查 reduced-motion 支持。

主要能力:按工作流运行或打开应用,检查加载、悬停、焦点、点击、路由过渡、滚动、空/加载/成功/错误等动画状态;检查无障碍,包括 prefers-reduced-motion、焦点可见性、是否存在阻碍阅读或交互的动态;在桌面与移动宽度下检查性能;尽可能截图或录制视频;用动画质量评分表打分;返回带文件引用的具体修复建议。

常见修复:缩短过渡时长;使用 transform/opacity 替代重布局属性;减少交错数量;添加 reduced-motion 分支;用解释状态的动态替代装饰性动态;将复杂叙事动画迁移到 Remotion 或受控的主视觉场景。

适用场景:网页动画与交互过渡的评审、无障碍与性能检查。

限制:资料未提供安装命令、具体评分表细则、支持平台与收费信息。