- A human typed one prompt into Claude Code: “Read BRIEF.md and build it exactly as written: set up, launch the live dev loop, then build the sections IN ORDER, saving after every section. Go.”
- The agent read a design brief, started
exjsx dev --gates, and built the page section by section: every file save hot-reloaded onto a real WordPress site and re-ran the verification gates at 1200, 1920, and 390 px. - When the last section landed, the film shows the page opened in the native Elementor editor (a normal, fully editable page) and then a full scroll of the finished site.
These are design studies: real production sites rebuilt with their own
public copy and assets to test the toolchain against real-world content.
All trademarks, copy, and artwork belong to their owners; no affiliation or
endorsement is implied, and none of these studies is published beyond this
documentation.
The examples
Housemait: the fridge door
A family-organiser app rebuilt as a warm fridge-door collage. 9 sections,
31 minutes of agent time.
Canopy: the greenhouse ledger
An SEO autopilot for Squarespace as a botanical ledger. 10 sections,
17 minutes.
Alike.page: the magazine cover
A creator storefront set like a glossy front page. 8 sections, 22 minutes.
Triple Kingdom: the board box
An indie match-3 game unpacked like a board-game box. 8 sections,
25 minutes.
Billow: the flight ledger
A freelancer finance dashboard as a flight operations sheet. 9 sections,
25 minutes.
Michael Pumo: the specification
A developer portfolio rewritten as its own spec document. 8 sections,
30 minutes.
Mat.: the desk
A photo-widget app arranged like a working desk. 6 sections, 21 minutes.
Builders Table: the sprint sheet
A 24-hour build-sprint site as a numbered run sheet, the first film in the
series. 8 parts, 24 minutes.