用途：当用户要求构建高端落地页、交互式作品集或需要顶级视觉打磨的组件时，本技能为 GitHub Copilot 提供一套生成沉浸式前端体验的标准与蓝图，目标是让代码在美学质量、深度交互与性能上达到奖项级水准。
主要能力：先确立视觉方向，如编辑式粗野主义、有机流动、赛博技术风或电影式节奏；再按要求搭建结构层，包括处理字体与素材解析的轻量预加载组件及其分离门、缩放、错落文字扫过等过渡，使用 100vh/100dvh 全出血首屏容器、按词或字符拆分的标题以实现层叠入场、营造景深的浮动元素或背景裁剪，以及随滚动方向隐藏/显示的粘性导航和带图片预览的悬停菜单。动效方面要求使用 GSAP ScrollTrigger 等滚动库实现钉住容器、横向旅程与视差，并实现磁性按钮、带插值跟随的自定义光标、基于 CSS Transform 的立体悬停反馈。排版要求极端字号对比（clamp() 可达 12vw）、正文字号 16px-18px，推荐可变字体，使用噪点叠加与 backdrop-filter 毛玻璃营造质感。性能上只动画 transform 与 opacity，避免 width、height、top、margin；谨慎使用并及时移除 will-change；用 @media (hover: hover) 和 (pointer: fine) 包裹自定义光标与重悬停效果；用 @media (prefers-reduced-motion: no-preference) 包裹持续动画，保证无障碍。
使用方式与库选型：React / Next.js 可用 Framer Motion 处理布局过渡与弹簧物理，用 Lenis（@studio-freight/lenis）做平滑滚动，需要 WebGL 或 3D 时用 React Three Fiber（@react-three/fiber）。原生 / HTML / Astro 侧重 GSAP 做时间线编排，通过 CDN 引入 Lenis 平滑滚动，并用 SplitType 安全拆分文字。
限制：资料未提供具体安装命令、版本要求、收费或价格信息，也未给出平台适配与效果数据，暂未提供。