SuperAPI AI 工具集

motion-ref

编程与开发

查看项目

更新于 10-15 23:33

技能介绍

用途:把用户的产品场景翻译成合适的 UI 动效方案。默认用户不懂动画术语,先理解问题,再读取最小必要参考,最后给出可落地方案。

主要能力:按场景匹配动效,覆盖加载等待、按钮反馈、文本数据、浮层、导航、表单输入、滚动、图标、轮播列表、状态、氛围背景、数据可视化、进入退出等分类;可输出代码方案或视频 motion prompt,不明确时默认代码方案。

核心原则:有目的(确认操作、缓解等待、表达层级、引导注意);快且轻(常规交互 200-500ms,超过 500ms 易显卡,低于 100ms 难感知);一致性(同类交互统一时长、缓动、反馈强度);无障碍(代码方案必须包含 prefers-reduced-motion: reduce 适配)。

使用方式:先判断用户要代码方案还是视频 motion prompt;判断场景是否清晰,清晰则读取最相关场景路由或分类参考,直接推荐 1-3 个动效;模糊则先给 2-3 个方向让用户选,不要一次读取全部参考;组合需求按涉及 UI 部件分别读取对应分类参考。只读取当前任务需要的文件,禁止为保险读取全部 ref/ 或 references/。输出时先用产品语言说明解决什么问题,再给实现代码或视频提示词。

按需读取:用户用产品问题描述需求时读 references/scene-routing.md;要求最终方案、代码、可调参数、视频 prompt 时读 references/output-format.md。分类文件包括 ref/01-loading.md 至 ref/13-enter-exit.md,分别对应加载、按钮反馈、文本数据、浮层、导航、表单输入、滚动、图标、轮播列表、状态、氛围、数据可视化、进入退出。

输出要求:输出最终方案前必须读取至少一个相关 ref/.md 分类文件与 references/output-format.md;从 ref/.md 提取视觉描述、适用场景、时长/参数、实现要点,不要凭记忆补动画参数;跨分类组合只读取涉及到的分类文件。

限制:资料未提供具体安装命令、收费方式、平台支持与效果保证,暂未提供。