用途：motion-principles 提供一套界面动效的设计判断标准，核心观点是动画必须有目的——回答“它从哪来”（空间定位）、“发生了什么”（状态反馈）、“该看哪里”（注意力引导）、“什么相关”（分组与连接）。若动画无法回答其中任一问题，就应删除。
主要能力：给出时长尺度参考——微交互（悬停、切换）100-200ms，元素过渡（淡入、滑动）200-300ms，页面过渡 300-500ms，复杂编排 500-800ms，加载与进度则匹配实际时长；并提出 300ms 规则：多数 UI 动画应低于 300ms，超过会被感知为缓慢，编排序列的错峰延迟除外。缓动方面：ease-out 用于进入屏幕的元素，ease-in 用于离开的元素，ease-in-out 用于在两个可见位置间移动，linear 仅用于进度条与加载指示器，spring/bounce 仅限活泼品牌且需克制、不可用于关键 UI。还提供自定义曲线变量，如 --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1)、--ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1)、--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94)。错峰模式建议列表或网格项每项延迟 30-60ms，总时长上限 600ms，约 10 项后改为分组同时开始。
使用方式：作为设计规范或评审清单，在实现动效时对照时长、缓动与错峰规则；必须尊重 prefers-reduced-motion，资料给出媒体查询示例，将 animation-duration 与 transition-duration 设为 0.01ms。
适用场景：Web 与移动端界面动效设计、设计系统动效规范制定、动效评审。
限制：资料未提供具体安装命令、代码库结构、平台绑定或收费信息；内容为原则性指导，具体数值需结合产品语境判断。