用途：为 Next.js 与 React 应用实现平滑、高性能且可访问的动画、过渡、悬停效果与页面切换提供指导。
主要能力：涵盖 CSS 动画、Framer Motion、缓动原则与无障碍考量。提供缓动速查（进入用 ease-out、移动用 ease-in-out、退出用 ease-in、悬停 150ms、仅透明度用 linear，多数动画 200-300ms）。给出常见模式：悬停抬升、按钮按下、挂载淡入、带退出动画的模态框、共享布局 tab 指示器、列表交错动画。黄金规则包括退出动画约为进入时长的 75%、只动画 transform 与 opacity、使用弹簧实现可中断动画、尊重 prefers-reduced-motion。
使用方式：技能内含 examples/ 目录的完整示例（card-hover、toast-stacking、text-reveal、shared-layout、animate-height、multi-step-flow、feedback-popover、app-store-card），可用 Read examples/<name>.tsx 读取；references/ 下提供缓动与时序、CSS 动画、Framer Motion、性能与无障碍文档。场景选择上，简单悬停用 CSS 过渡，进入/退出用 Framer Motion + AnimatePresence，布局变化用 layout，共享元素用 layoutId，滚动联动用 useScroll，复杂编排用 variants，拖拽用 drag，性能敏感用纯 CSS transform。
依赖：Framer Motion 示例需安装 pnpm add framer-motion react-use-measure usehooks-ts。
限制：资料未提供适用版本、浏览器支持范围、授权与收费信息，暂未提供。