用途：Premium Frontend Design 是一个前端设计技能，目标是指导创建生产级、有电影感且“活着”的界面，强调每个像素的刻意设计，而非通用或复制粘贴的模板。
主要能力：提供设计前的思考框架（目的、基调、记忆点、约束），Wow + Clarity 框架（层级护栏、排版纪律、色彩对比规则、动效节流），以及完整设计系统：色彩架构（单一主强调色、深色主题分层、玻璃表面、文字层级）、排版系统（展示/标题/正文/等宽四层字体）、间距与布局（间距刻度、Bento 网格）。还包含视觉效果库（玻璃拟态、CRT 扫描线、胶片颗粒、科技网格、霓虹发光）、动画模式（CSS 关键帧、交错入场、GSAP 与 Framer Motion 模式）以及反模式清单。
使用方式：技能框架灵活，按项目需要选择依赖。核心 3D 使用 pnpm add three @react-three/fiber @react-three/drei；动画可选 pnpm add framer-motion 或 pnpm add gsap @gsap/react；可选增强包括 pnpm add @paper-design/shaders-react、pnpm add lucide-react、pnpm add recharts。选择依据：简单轻量用 CSS + Framer Motion，复杂动画或滚动效果用 GSAP，文字动画用 GSAP + SplitText，未指定则默认 Framer Motion。
适用场景：需要高端、有记忆点的前端界面，如英雄区、仪表盘、营销页等。
限制：backdrop-filter 在 Firefox < 103 不支持，需回退背景；WebGL 需为旧设备提供 CSS 回退；@starting-style 需 Chrome 117+、Safari 17.4+。SplitText、ScrollTrigger 需 GSAP Club 许可。资料未提供具体收费、价格或效果保证。