Interface Lab 资源库
资源库技能119 项
技能页收纳所有可复用的局部 Prompt 技法。
局部技能负责布局、动效、边框、阴影、WebGL、图标和组件表现。先挑选当前项目需要的局部能力，再继续组合系统和素材。
技能119
网站设计系统93
PPT 风格55
素材232
技能
切到风格提示技能
局部表现层：布局、动效、边框、阴影、WebGL 和可复制的 prompt 技法。
WebGL · 711Pro
WebGL 光束
添加聚焦的 WebGL 激光束背景，使用设计主色，包含细光束、烟雾体积雾、光晕，以及置于 UI 后方的固定全屏 canvas。
添加聚焦的 WebGL 激光束背景，使用设计主色，包含细光束、烟雾体积雾、光晕，以及置于 UI 后方的固定全屏 canvas。ProWebGL · 124Pro魔法环遥测美学
技术工业极简设计系统，包含拟物 UI、玻璃拟态和响应式 WebGL 轨道环场。
技术工业极简设计系统，包含拟物 UI、玻璃拟态和响应式 WebGL 轨道环场。ProWebGL · 97Pro角落激光
创建锚定于角落的激光构图，包含细光束、明亮发射节点、bloom，以及大气光晕或雾效。
创建锚定于角落的激光构图，包含细光束、明亮发射节点、bloom，以及大气光晕或雾效。ProWebGL · 63Pro大气颗粒 WebGL 背景
技术冥想背景场，使用 GLSL shaders 生成颗粒噪声和变形几何原型。
技术冥想背景场，使用 GLSL shaders 生成颗粒噪声和变形几何原型。ProWebGL · 62Pro技术 ASCII 粒子场
使用 HTML5 Canvas 实现大气数据流背景，包含交互式 ASCII 节点和向上运动光束。
使用 HTML5 Canvas 实现大气数据流背景，包含交互式 ASCII 节点和向上运动光束。ProWebGL · 58Pro程序化网格网络背景
深蓝冥想型程序化 mesh gradient，配合技术叠层和响应式湍流。
深蓝冥想型程序化 mesh gradient，配合技术叠层和响应式湍流。ProWebGL · 38Pro有机以太 WebGL 背景
技术复古未来主义 Three.js 背景，包含噪声位移有机几何、虹彩 Fresnel shaders 和滚动同步深度。
技术复古未来主义 Three.js 背景，包含噪声位移有机几何、虹彩 Fresnel shaders 和滚动同步深度。ProWebGL · 37Pro大气程序化 WebGL 背景
技术 shader 背景系统，包含噪声驱动的有机光晕、鼠标响应视差漂移和深色冥想氛围。
技术 shader 背景系统，包含噪声驱动的有机光晕、鼠标响应视差漂移和深色冥想氛围。ProWebGL · 29Pro技术 Shader 表面（WebGL）
程序化深海军蓝 mesh gradient，包含技术叠层、冥想式呼吸动效和 shader 驱动校准网格。
程序化深海军蓝 mesh gradient，包含技术叠层、冥想式呼吸动效和 shader 驱动校准网格。ProWebGL · 17Pro技术 WebGL 流体星云背景
高级 Three.js 背景系统，包含噪声变形流体光晕、扫动光束和颗粒叠层。
高级 Three.js 背景系统，包含噪声变形流体光晕、扫动光束和颗粒叠层。ProWebGL · 4Pro色散 WebGL 系统
生成式背景系统，包含扭曲光带、色差、噪声叠层和交互 shader 参数。
生成式背景系统，包含扭曲光带、色差、噪声叠层和交互 shader 参数。Pro