UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录

分类

全部技能723D2可访问性1动效6资产2组件1设计系统27图标2实现2布局6验证1阴影1风格9Three.js1WebGL11

最高使用

01作品解构结构母版10.0K02边框渐变9.9K03遮罩揭示8.9K04Aura 资产图像8.8K05框架网格布局4.8K

技能层

局部表现与技巧普通 Skill 负责布局、动效、资产、阴影和特殊表现;设计系统已移动到独立页面。

UI DESIGN LAB 技能库

Skill LibraryPrompt Skills72 Skills11 Shown

浏览可复用的普通 Prompt Skill。

这里保留局部技巧型 Skill:布局、动效、资产、WebGL、图标、阴影和组件表现。页面级 Design System 已拆成独立导航。

Skill Index

最常用 Prompt Skills

按记录使用量排序,帮助团队快速找到高频设计动作。

01作品解构结构母版02边框渐变03遮罩揭示04Aura 资产图像05框架网格布局
67 more skills below
Active Skills72
Groups14
Total Uses59.2K
AccessFree
Library

WebGL

重置筛选
WebGL711 uses

WebGL 光束

添加聚焦的 WebGL 激光束背景,使用设计主色,包含细光束、烟雾体积雾、光晕,以及置于 UI 后方的固定全屏 canvas。

添加聚焦的 WebGL 激光束背景,使用设计主色,包含细光束、烟雾体积雾、光晕,以及置于 UI 后方的固定全屏 canvas。Pro
WebGL124 uses

魔法环遥测美学

技术工业极简设计系统,包含拟物 UI、玻璃拟态和响应式 WebGL 轨道环场。

技术工业极简设计系统,包含拟物 UI、玻璃拟态和响应式 WebGL 轨道环场。Pro
WebGL97 uses

角落激光

创建锚定于角落的激光构图,包含细光束、明亮发射节点、bloom,以及大气光晕或雾效。

创建锚定于角落的激光构图,包含细光束、明亮发射节点、bloom,以及大气光晕或雾效。Pro
WebGL63 uses

大气颗粒 WebGL 背景

技术冥想背景场,使用 GLSL shaders 生成颗粒噪声和变形几何原型。

技术冥想背景场,使用 GLSL shaders 生成颗粒噪声和变形几何原型。Pro
WebGL62 uses

技术 ASCII 粒子场

使用 HTML5 Canvas 实现大气数据流背景,包含交互式 ASCII 节点和向上运动光束。

使用 HTML5 Canvas 实现大气数据流背景,包含交互式 ASCII 节点和向上运动光束。Pro
WebGL58 uses

程序化网格网络背景

深蓝冥想型程序化 mesh gradient,配合技术叠层和响应式湍流。

深蓝冥想型程序化 mesh gradient,配合技术叠层和响应式湍流。Pro
WebGL38 uses

有机以太 WebGL 背景

技术复古未来主义 Three.js 背景,包含噪声位移有机几何、虹彩 Fresnel shaders 和滚动同步深度。

技术复古未来主义 Three.js 背景,包含噪声位移有机几何、虹彩 Fresnel shaders 和滚动同步深度。Pro
WebGL37 uses

大气程序化 WebGL 背景

技术 shader 背景系统,包含噪声驱动的有机光晕、鼠标响应视差漂移和深色冥想氛围。

技术 shader 背景系统,包含噪声驱动的有机光晕、鼠标响应视差漂移和深色冥想氛围。Pro
WebGL29 uses

技术 Shader 表面(WebGL)

程序化深海军蓝 mesh gradient,包含技术叠层、冥想式呼吸动效和 shader 驱动校准网格。

程序化深海军蓝 mesh gradient,包含技术叠层、冥想式呼吸动效和 shader 驱动校准网格。Pro
WebGL17 uses

技术 WebGL 流体星云背景

高级 Three.js 背景系统,包含噪声变形流体光晕、扫动光束和颗粒叠层。

高级 Three.js 背景系统,包含噪声变形流体光晕、扫动光束和颗粒叠层。Pro
WebGL4 uses

色散 WebGL 系统

生成式背景系统,包含扭曲光带、色差、噪声叠层和交互 shader 参数。

生成式背景系统,包含扭曲光带、色差、噪声叠层和交互 shader 参数。Pro