Playground

Things I vibe code when the tool I want does not exist yet. Some are daily drivers, some are still held together with tape.

3D portfolio roomLive

A portfolio you walk around instead of scroll.

An interactive room where every object on the desk opens a different piece of work.

Walk around it

Blank CanvasLive

A design prompt, every day.

160 briefs for sections, screens, components and flows, so practice never starts at a blank page.

Try it

Next upCooking more.

(they land here once they stop being embarrassing)

Two of them, so far

Skill files

Plain markdown files that hand an AI tool the parts of my job I keep repeating. They are not tied to one assistant: the same file works wherever I am working that week. Both of these are in daily use.

design-system-extractor.skill.md Point it at a screenshot, a URL or a moodboard and it comes back with a whole token set: colour ramps checked for contrast, a type scale, spacing, radii and shadows, written out as CSS variables. markdown, any tool

drd-writer.skill.md Reads a pile of messy call notes and returns a DRD or a PRD: the problem, who it is for, what is in and out of scope, how we will know it worked, and the questions nobody answered yet. markdown, any tool