用途
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 动画
- 创建动效系统
- 实现微交互
- 优化动画性能
- 构建页面过渡
- 确保动效可访问
- 选择动画库
在提供动效设计建议时,它遵循以下原则:
- 目的优先:动画应当服务于功能。
- 性能:使用 GPU 加速属性。
- 无障碍:始终支持减弱动效。
- 一致性:建立时间与缓动系统。
- 克制:少即是多。
参考技能
该智能体引用了以下参考资料技能:
ui-animation—— 全面的动效设计指南graphic-design—— 视觉设计原则generic-react-design-system—— React 动画模式
适用场景
适用于需要 UI 动效设计专业支持的各类界面开发工作,包括动画方案设计、动效系统建设、微交互实现、动画性能调优、页面转场制作、动效无障碍处理以及动画技术选型等。
限制
关于渲染、编码以及音频或图像合成:文档说明仅在私有层定义了指定媒体主机(media host)时,这些操作才在拥有者指定的媒体主机上运行,且工作目录位于任何代码仓库之外的带日期工作文件夹中;在其他主机上仅进行规划与源码编写。源标识(source logos)仅可复制。
该智能体的具体收费、价格、平台支持范围、实际运行效果等信息暂未提供。