Interface Lab Library
Skills collect reusable local prompt techniques.
Local skills cover layout, motion, borders, shadows, WebGL, icons, and component treatments. Choose the techniques first, then combine them with systems and assets.
Prompt Skills
Local expression layer: layout, motion, borders, shadows, WebGL, and copy-ready prompt techniques.
WebGL Laser
Add a focused WebGL laser beam background that uses the design's primary color, with a thin beam, smoky volumetric fog, glow, and a fixed full-screen canvas behind the UI.
Add a focused WebGL laser beam background that uses the design's primary color, with a thin beam, smoky volumetric fog, glow, and a fixed full-screen canvas behind the UI.ProWebGL · 124ProMagic Rings Telemetry Aesthetic
A technical industrial-minimalist design system featuring skeuomorphic UI, glassmorphism, and reactive WebGL orbital ring fields.
A technical industrial-minimalist design system featuring skeuomorphic UI, glassmorphism, and reactive WebGL orbital ring fields.ProWebGL · 97ProCorner Lasers
Create a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.
Create a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.ProWebGL · 63ProAtmospheric Grain WebGL Background
A technical, meditative background field using GLSL shaders for granular noise and morphing geometric primitives.
A technical, meditative background field using GLSL shaders for granular noise and morphing geometric primitives.ProWebGL · 62ProTechnical ASCII Particle Field
Implementation of an atmospheric data-flow background featuring interactive ASCII nodes and upward kinetic beams using HTML5 Canvas.
Implementation of an atmospheric data-flow background featuring interactive ASCII nodes and upward kinetic beams using HTML5 Canvas.ProWebGL · 58ProProcedural Mesh Network Background
A meditative, dark blue procedural mesh gradient with technical overlays and reactive turbulence.
A meditative, dark blue procedural mesh gradient with technical overlays and reactive turbulence.ProWebGL · 38ProOrganic Aetherial WebGL Background
Technical retro-futurist Three.js background with noise-displaced organic geometry, iridescent Fresnel shaders, and scroll-synced depth.
Technical retro-futurist Three.js background with noise-displaced organic geometry, iridescent Fresnel shaders, and scroll-synced depth.ProWebGL · 37ProAtmospheric Procedural WebGL Background
Technical shader-based background system featuring noise-driven organic glows, mouse-responsive parallax drift, and a dark meditative atmosphere.
Technical shader-based background system featuring noise-driven organic glows, mouse-responsive parallax drift, and a dark meditative atmosphere.ProWebGL · 29ProTechnical Shader Surface (WebGL)
Procedural deep-navy mesh gradient with technical overlays, meditative breathing motion, and shader-driven calibration grids.
Procedural deep-navy mesh gradient with technical overlays, meditative breathing motion, and shader-driven calibration grids.ProWebGL · 17ProTechnical WebGL Fluid Nebula Background
Advanced Three.js background system featuring noise-deformed fluid glows, sweeping light beams, and grain overlays.
Advanced Three.js background system featuring noise-deformed fluid glows, sweeping light beams, and grain overlays.ProWebGL · 4ProChromatic Dispersion WebGL System
Generative background system featuring warped light bands with chromatic aberration, noise overlays, and interactive shader parameters.
Generative background system featuring warped light bands with chromatic aberration, noise overlays, and interactive shader parameters.Pro