Prototypes & artifacts

A design engineer's workflow for pages, dashboards, prototypes and slides in the browser: check facts, declare a design system, ship an early draft, verify and critique.

Creative director principles for HTML artifacts such as pages, reports and plans: size up the brief, apply the fundamentals, edit hard.

Scaffolds a React, Tailwind and shadcn/ui project and bundles it into one HTML file.

Builds three deliberately different versions of a component behind an in-page switcher and helps you pick one.

Builds several genuinely different versions of a UI piece behind an in-page picker so you can flip between them.