用途：在已有设计产物（HTML、组件或页面元素）基础上补充动效，让界面更有生命力，而不是做成动效演示。
主要能力与工作流：先检查当前 HTML、组件或选中的页面元素，再挑选最小的一组动效时刻，用于说明状态或层级，例如主内容的入场揭示、重要控件的悬停/激活反馈、UI 状态之间的过渡，以及仅在有助于叙事时使用的滚动揭示。
动效规则：优先使用 transform 和 opacity，避免动画化 top、left、width、height 等布局属性；整个产物使用统一的动效语言，不混用无关的缓动、时长或物理效果；为任何自动或滚动联动的动效添加 prefers-reduced-motion 回退。默认 UI 过渡应快速实用，多数控件为 140-220ms；较大的页面揭示可以更慢，但不能阻碍阅读；避免无休止的装饰性循环，除非它传达状态或进度；不要添加自定义光标、嘈杂的粒子效果或与内容竞争的动效；仅对小分组使用错峰，长列表错峰会显得缓慢。
实现说明：纯 HTML 用 CSS keyframes 和小型 JavaScript 观察器即可；React 或框架代码使用仓库中已有的本地技术栈；若可用 GSAP 且动效需要编排，可搭配 gsap-core、gsap-timeline 或 gsap-scrolltrigger；始终清理观察器、定时器和动画实例。
限制：除非用户明确要求重新设计，否则保持文案、数据和布局意图不变。