motion-design-skill

motion-design-skill

为AI代理提供通用的动效设计原则,包括时间、缓动、编排和迪士尼动画原则。

Agent Skill设计与多媒体开源
形态
Agent Skill
是否开源
GitHub Stars
★ 1.0k
收录来源
skill-github

能力说明

该技能教授AI代理如何像动效导演一样思考,在编写任何动画代码之前选择合适的时间、缓动、编排和情感意图。适用于任何动画系统(CSS、Framer Motion、GSAP、Lottie、Spring等)。通过8步检查表、动效个性原型、持续/缓动表、属性选择指南、常见模式和质量规则,帮助AI代理更好地理解和应用动效设计原则。

能力点

  • 时间控制
  • 缓动效果
  • 多元素编排
  • 情感映射
  • 叙事结构
  • 上下文适应

适用场景

UI动画设计微交互和反馈动画加载、成功或错误状态滚动触发或进度动画

接入方式

依赖:API Key
npx skills add LottieFiles/motion-design-skill

以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。

常见问题

这个技能支持哪些动画系统?

支持CSS、Framer Motion、GSAP、Lottie、Spring等。

如何激活这个技能?

在进行UI动画、微交互、加载状态等设计时会自动激活。

相关 Skill