UI Guides & Agent Rules
LiveWeb 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
SourceTools and prototypes I build to fix problems I keep hitting — and see them differently.
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
Modular synth in the browser. Oscillators, filters, LFOs, reverb, delay. Drag widgets, patch cables, hear it.
Tone.js, React, SVG
Color-science toolbox as MCP tools — palettes, gamut checks, and contrast fixes an AI agent can call directly.
MCP, TypeScript
An agent-driven canvas for exploring UI components: spatial previews, live props, an agent as co-navigator.
Interactive index of my public agent-skills repo — browse, filter, and install skills for coding agents.
GPU dithering as a production technique: replacing hundreds of lines of procedural SVG with a few lines of shader.
My record collection as a browsable wall of cover art. The analog corner of the site.