Frontend & UI
WebGL Laser
Full-screen shader beam with white-hot core and brand-tinted fog.
What it is
A raw WebGL fragment shader drawing a thin vertical laser on a full-screen quad. Core stays near white; halo and FBM smoke follow your accent.
Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around the beam. Use only for laser background effects, not full page layout
Why it matters for design
- Halo and smoke read from your brand accent instead of a hardcoded blue.
- Separate core and glow widths keep the beam a blade, not a bar.
- Smoke concentrates near the beam and dissipates outward, protecting copy contrast.
What it covers
- Scope
- Visual target
- Layering
- Brand color
- Raw WebGL setup
- Tuning knobs
How to install
WebGL Laser
-
Clone the repo.
git clone https://github.com/MengTo/Skills -
Point Codex at the skill file.
agent-skills/web-design/webgl-laser/SKILL.md -
Then describe the UI you want. Codex follows the skill.
How to run it with Codex
-
Set a --brand-accent custom property, which the shader converts to RGB.
-
Place the fixed canvas behind content with pointer-events none.
-
Tune coreWidth, glowWidth, smokeDensity, and xOffset to position the beam.
Every plugin here is free, open source, and links to its real upstream source.
More on the codex-design list ↗More Codex design plugins
Frontend & UI What it does gpt-taste Builds award-style landing pages with GSAP scroll motion and gapless bento grids. 
Design Systems What it does Stitch Design Taste Writes a DESIGN.md that steers Google Stitch toward non-generic screens. 
Frontend & UI What it does image-to-code Generates design images first, analyzes them, then builds matching frontend code. 
Frontend & UI What it does imagegen-frontend-mobile Generates premium mobile app screen flows as images, not code. Next step
Design with NEXGERCORE, without the setup
Install this plugin yourself, or run a whole curated design layer around Codex with NEXGERCORE. Bring your own key, own your output.