用途：该技能定位为高级前端 UI/UX 与 3D 体验生成器，面向需要现代、视觉突出前端方案的开发者、设计师与企业，输出完整网站 UI、3D 首屏、动画、组件与交互体验。
主要能力：可生成响应式布局（移动优先）、高级动画与过渡、Three.js/Babylon.js 交互式 3D 元素、Spline 场景嵌入、Lenis/Locomotive 平滑滚动、视差效果、产品查看器；支持玻璃拟态、新拟态、暗色 UI、渐变风格，以及粒子背景、自定义光标、滚动触发动画、Swiper 滑块、懒加载与性能优化。
使用方式：用户需说明网站类型（电商、作品集、SaaS、落地页、仪表盘、博客、企业站）、目标受众、主要目标与视觉风格偏好；可指定 Three.js、Babylon.js 或 Spline，以及 Tailwind、GSAP 等库偏好。技能按分析输入、分类、设计研究、生成设计系统、选择库、构建功能、生成代码、优化、文档的流程执行。
输出结构：标准项目含 index.html、css（main/components/animations）、js（main/animations/three-setup）、assets（images/models）、php（process/api）与 README，并附实现说明、依赖与 CDN、运行与配置指南。
限制：仅聚焦前端视觉与交互，后端优先级较低；强制要求每个项目至少包含一种 3D/WebGL 首屏、交互式 3D 预览、粒子背景或 Vanta.js 动画背景；要求使用免费库、CDN、语义化 HTML5 与 ARIA、WCAG 可访问性、跨浏览器兼容、表单输入清理与 HTTPS。不使用付费库（除非说明）、不生成不安全代码、避免通用 AI 审美与 Lorem Ipsum。具体收费、价格、平台与效果数据暂未提供。