用途：为 React + Next.js + Tailwind 站点生成生产级页面动画，核心原则是 CSS 优先、Motion 精准使用。
主要能力：提供分层决策流程。第一层纯 CSS（hover、focus、keyframes、scroll-timeline）；第二层 CSS + IntersectionObserver，覆盖滚动触发与挂载入场，是营销站动画的默认选择；第四层 Motion，仅用于六类 CSS 无法解决的场景：React 卸载退出动画（AnimatePresence）、共享元素过渡（layoutId）、手势驱动（拖拽/滑动/捏合）、自动布局动画（FLIP）、复杂变体编排、动画到 height: auto。
使用方式：先创建并跟踪工作流任务，再理解需求、运行分层决策、扫描项目既有动画约定（如 grep -r "from.motion" src/ --include=".tsx" | head -5），然后生成组件并校验。默认缓动 ease-out，入场 500ms、hover 300ms、hero 600-800ms，交互 UI 控制在 150-300ms，错峰 80ms 且总时长不超过 500ms。仅在使用 React hooks 或 Motion 时添加 "use client"。
适用场景：营销站点入场、滚动触发、悬停、产品演示、背景效果等。
限制与注意：只动画 transform、opacity、filter、clip-path 等合成器安全属性；需处理 prefers-reduced-motion，采用无动画优先模式；入场动画只播放一次；组件应在无 JavaScript 时优雅降级；Tailwind v4 有 transition 属性、blur 尺寸等破坏性变更。资料未提供安装命令、收费与价格信息。