用途：该技能教 AI 智能体在设计动画前先做“动效导演”式思考，确定时机、缓动、编排与情感意图，再编写与实现无关的动画代码，可用于 CSS、Framer Motion、GSAP、Lottie、React Spring 等任意动画系统。
主要能力：提供三支柱决策法（WHY 目的、WHAT 属性、HOW 性格）；8 步动效检查清单（目的、情感、性格、属性、时长、缓动、编排、质量）；四种动效性格原型：Snappy、Smooth、Bouncy、Minimal；元素尺寸对应的时长参考和意图对应的缓动函数参考；属性选择指南（opacity、scale、position、rotation、color 传达的含义）；多元素编排的层级、错峰与重叠原则；适配 UI 的迪士尼十二动画原则；无障碍与性能指引，如 prefers-reduced-motion 与只动画化 transform/opacity；常见模式（按钮悬停/按下、卡片入场、加载到成功/错误状态、列表错峰、模态进出）以及 CSS、React + Framer Motion、Vue + GSAP、Svelte、Angular 示例；质量检查清单与问题排查建议。
使用方式：安装命令为 npx skills add LottieFiles/motion-design-skill，技能可与 40 多个 AI 编程智能体集成，包括 Claude Code、Cursor、Codex 和 GitHub Copilot。使用时应始终按 WHY → WHAT → HOW 的顺序思考再写代码。正文提到的深层文档目录包括 director/、patterns/、reference/。
适用场景：构建交互式 UI 组件、实现状态转换、编排多元素序列、确立品牌动效身份、审查动画代码、调试卡顿或不自然动画、为无障碍或性能调整动效。
限制：资料未提供具体收费、价格、平台要求或效果承诺等信息，暂未提供。