Lab

Tools and prototypes I build to fix problems I keep hitting — and see them differently.

  • UI Guides & Agent Rules preview

    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

    Source
  • Sound Playground preview

    Sound Playground

    In progress

    Modular synth in the browser. Oscillators, filters, LFOs, reverb, delay. Drag widgets, patch cables, hear it.

    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.

  • Dithering Shaders

    Planned

    GPU dithering as a production technique: replacing hundreds of lines of procedural SVG with a few lines of shader.

  • Vinyl Shelf

    Planned

    My record collection as a browsable wall of cover art. The analog corner of the site.