SuperAPI AI 工具集

agent-motion-designer

设计与创作

查看项目

更新于 10-16 22:15

技能介绍

用途

agent-motion-designer 是一个专家型子智能体,专门从事 UI 动画、微交互以及动效设计系统的设计工作。它的目标是在界面动效的设计与实现过程中提供专业建议,帮助打造功能明确、性能良好、可访问且风格一致的动效。

主要能力

动效专长

  • UI 动画原则
  • 时间(timing)与缓动函数(easing functions)
  • 微交互设计
  • 页面过渡
  • 加载与反馈状态
  • 基于手势的动画
  • 动效无障碍(motion accessibility)
  • 性能优化

技术知识

  • CSS 动画与过渡
  • JavaScript 动画库
  • Framer Motion、GSAP、anime.js
  • iOS/Android 动效规范
  • Material Design 动效
  • 减弱动效(reduced motion)支持
  • GPU 加速属性

使用方式

该智能体以子智能体(subagent)形式提供,接收任务参数(文档中标记为 $ARGUMENTS)并据此给出动效设计建议。当需要在以下场景获得指导时可使用它:

  • 设计 UI 动画
  • 创建动效系统
  • 实现微交互
  • 优化动画性能
  • 构建页面过渡
  • 确保动效可访问
  • 选择动画库

在提供动效设计建议时,它遵循以下原则:

  1. 目的优先:动画应当服务于功能。
  2. 性能:使用 GPU 加速属性。
  3. 无障碍:始终支持减弱动效。
  4. 一致性:建立时间与缓动系统。
  5. 克制:少即是多。

参考技能

该智能体引用了以下参考资料技能:

  • ui-animation —— 全面的动效设计指南
  • graphic-design —— 视觉设计原则
  • generic-react-design-system —— React 动画模式

适用场景

适用于需要 UI 动效设计专业支持的各类界面开发工作,包括动画方案设计、动效系统建设、微交互实现、动画性能调优、页面转场制作、动效无障碍处理以及动画技术选型等。

限制

关于渲染、编码以及音频或图像合成:文档说明仅在私有层定义了指定媒体主机(media host)时,这些操作才在拥有者指定的媒体主机上运行,且工作目录位于任何代码仓库之外的带日期工作文件夹中;在其他主机上仅进行规划与源码编写。源标识(source logos)仅可复制。

该智能体的具体收费、价格、平台支持范围、实际运行效果等信息暂未提供。