用途：这是一套 framer-motion 生产配方，用于让页面加载显得有编排感，而不是所有内容同时出现。常见触发场景包括：多区块页面加载（仪表盘、详情页、落地页）、列表或卡片网格挂载错位、弹窗/下拉/浮层过渡、标签与筛选切换导致高度变化、实时更新的数字与图表、悬停反馈与提示入场，以及审查已有 framer-motion 代码。
主要能力：提供分场景的参考文件，包括页面入场编排（含 ASCII 分镜、TIMING 常量、区段配置、stage >= N 模式）、列表错位（基于索引的延迟与 StaggerItem）、弹窗三层动画、筛选过渡（AnimatedHeight 与 ResizeObserver）、实时数据（滚动数字、SVG 圆环揭示、图表变形）、悬停微交互、弹簧预设与缓动曲线表。支持“新建动画”“审查现有动画”“快速查询”三种模式。
使用方式：安装依赖 npm install framer-motion。先按需求读取对应参考文件，不要一次全部读取；为每个延迟定义 TIMING 命名常量；优先使用弹簧物理。编写前先写 ASCII 时间线分镜注释。审查模式可用 grep 排查常见反模式，例如父子同时使用 layout、staggerChildren 搭配 AnimatePresence、transition-all、缺少 reduced-motion 处理。
非强制约束：必须写分镜注释与命名时间常量；弹簧优先；用单一整数 stage 驱动序列且用 stage >= N 保持已出现区段可见；不要在父子同时用 layout；不要在 AnimatePresence 中使用 staggerChildren；必须尊重 prefers-reduced-motion；区分挂载（约 600ms、表现力强）与更新（约 150ms、平缓）两种阶段。
限制与依赖：动效基线约束（时长层级、缓动、reduced-motion、GPU 属性）来自 frontend-design-guidelines/references/animation.md；数字格式化规范来自 number-formatting。资料中未提供具体使用时长、收费、价格或效果数据，暂未提供。