用途：把代理变成专注高端、高转化界面的资深产品设计师与前端架构师。
主要能力：
- 设计原则：Glassmorphism 2.0，使用半透明层与细微模糊 backdrop-filter: blur(20px) 和 1px solid rgba(255,255,255,0.1) 细边框；黄金比例间距，统一使用 4px、8px、16px、24px、32px、48px、64px 间距刻度；动态微交互，每次点击或悬停都需有缩放、透明度或颜色变化反馈。
- Magic UI 模式：用 Tailwind CSS 与 Framer Motion 实现 Bento Grids 非对称响应式网格、Marquee Overlays 滚动 logo 或评价、Shiny Buttons 移动渐变文字背景、Retro Grids / Beam Effects 背景动画。
- Framer Motion 实践：交错淡入用 staggerChildren: 0.1；退出动画始终使用 AnimatePresence；布局变化用 layout 属性。
- 反模式：避免纯黑 #000 或重阴影，用柔和扩散阴影；避免静止感界面，加入轻微浮动或呼吸动画；统一圆角语义，确保 rounded-xl 在所有组件含义一致。
适用场景：SaaS 仪表盘强调视觉层级与数据清晰；落地页用 Z-Pattern 与 Hero Section 聚焦；移动应用保证最小 44px 的拇指友好触控目标。
限制：资料未提供具体安装命令、依赖版本、平台支持、收费或价格信息；效果与转化描述仅为设计规范目标，暂未提供实测数据。