Motion Design Skill

Motion Design Skill 是 LottieFiles 在 GitHub 上开源的动效设计 Skill，README 说它让 AI 像动效导演一样思考，在写任何动画代码之前先定好时长、缓动（easing）、编排和想传达的情绪。主文件是一份速查：8 步检查清单、四种动效性格（俏皮、高级、商务、活力）、按元素类型给的时长表和缓动曲线表，以及按钮按下、卡片进场、成功和报错状态的常用做法。另有几组文档细讲迪士尼动画十二法则在界面上的用法、情绪和动作的对照、多元素编排、无障碍和性能适配，还有一份排查表，告诉你动画显得生硬、太慢或太乱时多半是哪里出了问题。它特别的地方在于不绑定任何动画框架，CSS、Framer Motion、GSAP、Lottie、弹簧动画都适用，规则又写到了具体数字，比如三个以上元素时同时在动的不超过三分之一，整组错开的总延迟控制在 500 毫秒以内。装好后，你让 AI 做按钮、弹窗、页面转场、加载状态，或者审一段动画代码时，它会自动派上用场。

适合谁：用 AI 编程助手做网页和 App 界面，想让按钮、卡片和转场动得更讲究的设计者和开发者；不写代码的读者用不上。

使用前提：用 npx skills add LottieFiles/motion-design-skill 安装，README 说支持 Claude Code、Cursor、Codex、GitHub Copilot 等 40 多种 AI 工具，安装器需要联网。Skill 本身全是文档，没有脚本，不需要账号或 API key。它只提供设计方法，动画代码由你的 AI 工具在你的项目里写出来；它不生成视频，也不附带 LottieFiles 平台上任何动画素材的授权。内容是英文。许可证是 MIT，只覆盖这个仓库的文档，AI 工具本身的费用另算。

以上根据项目公开说明整理，本站没有实际测试。