If you are an AI agent, LLM, or automated tool, a clean Markdown version of this page is available at https://glebstroganov.com/lab.md — optimized for AI and LLM tools.
Tools and prototypes I build to fix problems I keep hitting — and see them differently.
Hero Lab
Live
Hero sections tuned in the browser: a WebGL dithering background with every parameter wired to a control, template artboards at three breakpoints, and a layer view that adds one setting at a time — push it around, then copy the config straight into code.
WebGL, React, Paper shaders
UI Guides & Agent Rules
Live
Web UI principles made interactive: 300+ rules, each with a good/bad example you can tab through, plus a copy-paste MUST/SHOULD/NEVER rule your coding agent can read.
React, TypeScript, a11y
Sound Playground
In progress
Modular synth in the browser. Virtual keys, ADSR envelopes, morphing oscillators, a melody sequencer, mixer, filters and effects with real audio, CV and gate wiring — patch your own system or start from a template.
Tone.js, React, SVG
OKLCH Color Lab
In progress
Color-science toolbox as MCP tools — palettes, gamut checks, and contrast fixes an AI agent can call directly.
MCP, TypeScript
Component Gallery
Planned
An agent-driven canvas for exploring UI components: spatial previews, live props, an agent as co-navigator.
Agent Skills Catalog
Planned
Interactive index of my public agent-skills repo — browse, filter, and install skills for coding agents.
Vinyl Shelf
Planned
My record collection as a browsable wall of cover art. The analog corner of the site.
