用途：为界面添加微交互、动效设计、状态过渡与用户反馈，提升可用性与体验。适用于添加微交互、页面与组件过渡、加载状态与骨架屏、手势交互、通知与 toast、拖拽界面、滚动触发动画、悬停与聚焦状态。
主要能力：提供动效核心原则（反馈、方向、聚焦、连续性）、时长参考（100-150ms 微反馈、200-300ms 小过渡、300-500ms 中过渡、500ms+ 复杂编排）与缓动函数（ease-out、ease-in、ease-in-out、spring）。给出按钮微交互、骨架屏、进度条、开关切换、页面过渡、涟漪反馈、滑动手势等实现模式，以及 CSS 关键帧与过渡写法。
使用方式：基于 React 与 framer-motion，例如 import { motion } from "framer-motion"，用 whileHover、whileTap、AnimatePresence、drag 等 API；CSS 侧使用 @keyframes 与 transition。
限制与注意：优先使用 transform 和 opacity 保证 60fps，避免动画 width、height、top、left；必须支持 prefers-reduced-motion；保持统一时长尺度；优先弹簧动画；动画应可中断，不得阻塞用户输入；卸载时清理监听避免内存泄漏；谨慎使用 will-change；需在多设备测试性能。