面向 AI 智能体的动效设计资源合集,含五个可安装技能,覆盖 GSAP、Remotion、Lottie 等工具。
6920CC0-1.0更新于 5天前
一套教 AI 智能体进行 UI 动效设计的技能包,涵盖时序、缓动与编排,与具体动画库无关。
Motion Design Skill 是一套供 AI 智能体使用的指令包,让智能体在编写动画代码之前先像动效设计师一样思考,确定时序、缓动、编排以及动效背后的情绪意图,而不是只针对某个库直接输出代码。
该技能包将迪士尼十二条动画原则改编到用户界面场景中,并提供八步检查清单、动效性格原型,以及时长与缓动的速查表。它还包含可直接套用的配方,涵盖入场与离场动画、加载、成功、错误等状态反馈、环境循环动效,以及多元素错峰编排。
它可以配合 CSS、Framer Motion、GSAP、Lottie 和弹簧动画系统使用。通过 npx skills add 安装,支持 40 多种编程智能体,包括 Claude Code、Cursor、Codex 和 GitHub Copilot。
为你的智能体安装该技能
npx skills add LottieFiles/motion-design-skill概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
面向 AI 智能体的动效设计资源合集,含五个可安装技能,覆盖 GSAP、Remotion、Lottie 等工具。
面向 Claude Code 与 Codex 的 Agent Skill,把 AI 生成的动作接入随滚动、鼠标、拖动等操作变化的网页动画。
一套供编程 agent 使用的技能,用代码把艺术风格和解说视频语法做成会动的动画。
一个 Claude Code 技能,用 51 种影片风格制作短片,全部由代码生成,不依赖视频生成模型。
一套 AI Skill,把话题转成火柴人动画的导演提案、分镜与分段视频提示词。
面向 Unity 的零内存分配补间动画库,一行代码即可实现属性动画、延迟和序列动画。