用途：该技能把智能体定位为高级产品设计师与前端架构师，专注打造超高端、高转化的界面，素材来源为 NextLevelBuilder、Magic UI 与 Framer Motion 模式。
主要能力：设计原则要求使用玻璃拟态 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 网格、滚动跑马灯、渐变闪亮按钮、复古网格或光束背景等组件。Framer Motion 部分给出交错淡入示例，并要求用 AnimatePresence 处理退场动画、用 layout 属性实现布局动画。
反模式：避免纯黑硬边框与重阴影，改用柔和扩散阴影；避免静态呆板界面；保持圆角规范一致。
适用场景：SaaS 仪表盘强调数据清晰与视觉层级；落地页使用 Z 型视线路径与主视觉焦点；移动端关注最小 44px 的拇指友好点击区域。
限制：资料未提供安装命令、依赖版本、收费方式、平台支持或使用步骤，这些信息暂未提供。