用途：帮助设计并实现产品级网页动效，强调“更好的动效”而非“更多动效”，服务于层级说明、操作反馈、注意力引导、空间连续性与精致感；不服务于这些目标的动效应删除。
主要能力：总结 Stripe/Linear/Apple/Vercel 的共同特征——克制、清晰编排（主元素先动、次元素小幅错峰）、物理感但不卡通、细微纹理与深度。提供可复用的动效原语：淡入上移（默认入场，透明度 0→1，Y 12–24px→0，时长 300–700ms）、缩放淡入（微强调，scale 0.98→1）、滑动（导航，用 transform 而非布局）、形变/共享元素（高工艺，需一致几何与测量布局）。给出默认数值：微交互 120–200ms、UI 状态变化 180–260ms、小过渡 220–320ms、页面区块入场 400–800ms、主视觉序列 800–1600ms；缓动安全集（进入 ease-out、退出 ease-in 更快，避免弹性/回弹）；错峰 40–90ms。编排模式包括主视觉→辅助元素、滚动区块揭示（约 20–30% 可见时触发一次）、悬停抬升+光晕、聚焦环+微位移。
性能规则：优先动画 transform 与 opacity，避免 width/height/top/left 及大面积昂贵滤镜；重画布限制设备像素比 1–2，模糊保持细微，避免大量同时动画阴影；不要每帧测量布局，滚动效果使用批量读写库。无障碍：始终支持 prefers-reduced-motion，保留内容可见，用即时状态+细微透明度替代动效，禁用滚动擦除/固定，并询问用户是否需要减弱动效模式。
使用方式：库无关。简单站点用 CSS 过渡处理小悬停/切换，复杂序列用单一动效库（GSAP 或 Framer Motion）；产品站点建立动效令牌集（时长、缓动曲线、标准偏移 8/16/24px、错峰默认值）；主视觉用带标签节拍的时间线，先锁定镜头/场景再叠加文字。被要求“添加 Stripe/Linear 风格动效”时，输出动效目标、动效令牌、编排计划、实现说明（性能+减弱动效）与小型代码配方。
适用场景：产品官网、营销页、应用 UI 的入场、导航、悬停、滚动叙事等。
限制：资料未提供具体安装命令、依赖版本、收费或平台信息；实际数值需按品牌与设备调整，移动端错峰应更小。