SuperAPI AI 工具集

motion-design

设计与创作

查看项目

更新于 10-16 09:51

技能介绍

用途:为 Web、Android、iOS 提供可复用的动效判断标准与工作流,适用于需要动效设计、实现指导、审查或审计的任务;任务与动效无关或只需简单回答时不应使用。

主要能力:时长规则(反馈 100-150ms、状态变化 200-300ms、布局位移 300-500ms、入场 500-800ms,退出约为入场 75%,交错总时长不超过 800ms,低于 80ms 的操作跳过加载动画);推荐缓动曲线 ease-out-quart、ease-out-quint、ease-out-expo、ease-in-quart、ease-in-out,避免 bounce/elastic、linear、CSS 默认 ease;仅动画 transform 的 translate/scale/rotate 与 opacity,避免 width、height、top/left、margin、padding、border、font-size、动画 box-shadow;覆盖入场、微交互、状态过渡、导航、加载反馈、惊喜时刻;提供 CSS 交错动画写法与 prefers-reduced-motion 强制替代;按平台给出 Web、Jetpack Compose、SwiftUI 要点。

使用方式:先读 SKILL.md,再按需加载引用文件;按有序指南、检查清单与决策规则执行,而非挑选零散片段。输出可为实现指导、审查结论、架构决策、模板或生成物;可搭配 practical-ui-design、jetpack-compose-ui、swiftui-design、webapp-gui-design、ai-slop-prevention、frontend-performance 等伴随技能。产物示例为 docs/ux/motion-audit-checkout.md 之类的动效审计文档。

限制:需先收集项目上下文与约束、确认交付物类型;缺失信息应明确假设与风险。具体收费、平台支持细节等暂未提供。