用途:该技能为 GitHub Copilot 提供一套构建高端前端体验的规范,适用于高端落地页、交互式作品集或需顶级视觉打磨的组件。要求不只输出可用 HTML/CSS,而要架构沉浸式数字环境,兼顾美学、深度交互与性能。
主要能力:确立创意基调(编辑式粗野、有机流体、赛博技术、电影式节奏等视觉身份);结构分层(预加载与入场序列、Hero 架构、随滚动方向响应的导航);动效系统(基于 GSAP ScrollTrigger 等库实现滚动叙事、钉住容器、横向旅程、视差映射;磁性组件、自定义鼠标跟随等微交互);排版与质感(clamp() 流体字阶、可变字体、CSS/SVG 噪点叠加、玻璃拟态);性能守则(仅动画 transform 与 opacity、慎用 will-change、按 hover/pointer 与 prefers-reduced-motion 做降级与无障碍处理)。
使用方式:在 React/Next.js 中可配合 Framer Motion、Lenis、React Three Fiber;在原生/HTML/Astro 中可用 GSAP、CDN 版 Lenis、SplitType。该技能属于 AIX 技能包,用户别名 aix-premium-frontend-ui,调用时使用本技能;生成产物写入 .aix/ 目录,写入前执行 mkdir -p .aix,.aix/ 内文件默认可被覆盖,除非明确要求否则不写入项目根目录。
限制:未提供具体安装命令、版本号与收费标准。