用途：对现有网站或组件做一次完整的设计升级，而非只加动画。先审计现有代码，记录配色、字体栈、布局结构、组件清单、技术栈与视觉短板，再实施改进；原有配色必须完整保留。
主要能力：包括排版层级与流体字号、统一间距刻度、卡片阴影与玻璃拟态、布局与非对称构图、圆角与悬停状态、渐变叠层与分隔处理等视觉打磨；动画采用错落式模糊+上移显现（透明度 0、blur(8px)、translateY(24px) 过渡到可见状态，时长约 0.6s，缓动可用 cubic-bezier(0.16, 1, 0.3, 1)），子元素依次延迟约 0.1s。
使用方式：React 场景安装 npm install framer-motion，使用 fadeUpBlur、staggerContainer 等变体与 AnimateInView、AnimatedItem 包装组件，配合 useInView；纯 HTML/CSS 场景在全局样式中添加 .reveal 与 .in-view 类及错落延迟，并用 IntersectionObserver 在进入视口时添加 in-view。通过 MotionConfig reducedMotion="user" 或 prefers-reduced-motion 媒体查询适配减弱动效。
适用场景：导航栏、首屏、特性网格、评价、数据、CTA 与页脚等分区的视觉与入场动画升级；Tailwind、暗色或亮色站点均可参考相应注意事项。
限制：需先理解现有代码再改动；不应引入新配色；模糊滤镜动画在低端设备上可能耗性能，可改为仅用透明度与位移。资料未提供该技能的具体授权、收费与安装平台信息。