用途:把用户的产品场景翻译成合适的 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 提取视觉描述、适用场景、时长/参数、实现要点,不要凭记忆补动画参数;跨分类组合只读取涉及到的分类文件。
限制:资料未提供具体安装命令、收费方式、平台支持与效果保证,暂未提供。