SuperAPI AI 工具集

motion-design-skill

设计与创作

查看项目

更新于 10-16 03:44

技能介绍

用途:这是 LottieFiles 官方的动效设计原则技能,用于帮助 AI 代理在制作界面动画时进行设计决策,包括何时该加动画、如何选择缓动、如何编排复合动画,以及如何平衡动效中的能量感与重量感。内容与具体实现工具无关,同样适用于 CSS 过渡、GSAP、Framer Motion、Lottie 或其他动画工具链,据称支持 40 多个 AI 编码代理。

主要能力:覆盖时间曲线、缓动函数、动画编排,以及适配 UI 场景的迪士尼 12 条经典动画原则。

使用方式:安装命令为 npx skills add LottieFiles/motion-design-skill。Claude Code 可用同一命令,也可在聊天中发送 ! npx skills add …(加 -g 为全局安装,省略则仅当前项目);Cursor 使用同样命令;其他代理使用同样命令或参阅 GitHub README。安装后以技能名 motion-design-skill 调用,触发词包括 "motion design"、"animation principles"、"LottieFiles"、"Disney principles UI"、"timing curves"。

适用场景:需要为界面添加、评估或优化动画时,用它来指导缓动选择、动画时序与多动画衔接。

限制:不适用于 GLSL/着色器层面的动画(应改用 shader-dev);也不针对特定框架的具体实现(应改用 gsap-skills 或 framer-motion-skills)。本页为目录占位信息,完整包为 lottiefiles/motion-design-skill;关于收费、价格、平台支持范围等细节暂未提供。