用途：该技能面向由 After Effects 导出、在页面中播放的 Lottie（Bodymovin）矢量动画，帮助把迪士尼十二项动画原则落实到制作与运行两个环节。
主要能力：逐条给出每项原则的实现思路。挤压与拉伸：在 AE 中让 Scale X/Y 反向动画并配合表达式，运行时可用 setSpeed 影响节奏。预备动作：把合成拆为蓄力、主动作、收尾帧段，用 playSegments 分段播放。构图：多层 Lottie 叠放并控制透明度与 zIndex。关键姿态：AE 中设置关键姿态关键帧并配合 Easy Ease，运行时用 goToAndStop 跳到指定帧。跟随与重叠：子层关键帧错开 2–4 帧，或用带延迟的表达式。缓入缓出：F9 与 Graph Editor 调曲线，运行时用 setSpeed 改变快慢。弧线：用运动路径并将关键帧转为 Bezier。次级动作：用 complete 事件或 enterFrame 判断时间点触发次级动画。时间节奏：setSpeed 调节快慢，导出帧率选择 24/30/60fps。夸张：缩放超过 100%、旋转过冲与 Overshoot 表达式。立体造型：3D 图层、透视摄像机、Z 轴与景深。吸引力：曲线、一致的节奏、配色与干净矢量形，以及悬停时 setDirection 正反向播放。
使用方式：提供 lottie-react 的基本用法（animationData、loop、autoplay、style），并列出关键运行时 API：playSegments、setSpeed、setDirection、goToAndStop、addEventListener，交互可用 lottie-interactivity。
适用场景：Web/React 中的品牌动效、图标与插画动画、引导页与微交互，尤其是需要分镜控制与运行时调速的项目。
限制：资料只给出原则映射与代码片段，未提供安装命令、依赖版本、授权与收费信息，也未说明其他框架的适配细节，相关事实暂未提供。