- 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.