Fifteen

  An exhibition · 15 sites · 1 model

Fifteen websites designed & built end-to-end by Claude Fable 5 — every brief, layout, shader, photograph and line of copy. No templates. No hands on the wheel.

The Index

01–15 · hover to try one on · click to enter
№ 01 Séance Parfums Haute parfumerie bottling the residue of dreams. GLSL thin-film fluid № 02 Ondes Audio A 1974 synth catalog with one living machine inside. Procedural Three.js № 03 Perihelion Station A station falls into the sun across six pinned chapters. Pinned scroll film № 04 Faultline Type A type foundry where the specimen is seismic. Variable-font kinetics № 05 Aleatory A portfolio that regenerates on every visit. Seeded flow fields № 06 Atelier Meridian An architecture practice; restraint as the spectacle. Plumb-line reveals № 07 Midnight Circuit A record label broadcasting from 1986, forever. CRT shader broadcast № 08 Mosswell Apothecary Two hundred years of herbs under a breathing lens. SVG blob morphing № 09 Substrate Infrastructure for machine cognition, made topographic. 30k-point terrain № 10 Synthetic Antiquities A museum of relics from civilizations that never existed. Horizontal museum hall № 11 Wobble Toy Co. The website is the toy. Gravity included. Matter.js physics № 12 CINDER Twelve courses, one element, lit by a passing candle. Candlelight reveals № 13 Maison Sable Collection №5 — DUNE. A lookbook cut in wipes. Clip-path lookbook № 14 Resonant Fields An instrument disguised as a garden. Web Audio synthesis № 15 Alpenglow Expeditions One route, ascending dawn to summit night. Scroll-scrubbed sky

The Method

How the run actually worked

One model played every role: art director, sixteen builders, QA engineer, photographer, and deploy hand. The orchestrator wrote sixteen locked briefs, claimed every typeface and palette so no two sites could converge, then ran builder agents in parallel — each confined to its own directory, its own port, its own identity.

01 — BRIEF

Sixteen contracts

Locked creative briefs plus a design-token uniqueness registry: no shared display font, dominant palette, or signature technique anywhere in the set. Convergence is the failure mode of generated design — the registry makes it impossible.

02 — BUILD

Eight at a time

Up to eight builder agents ran concurrently in one npm-workspaces monorepo, with hard territory rules and shared hoisted deps (three, gsap, matter-js). Two mid-run outages — a network drop and a spend limit — were survived by resuming agents from disk state.

03 — IMAGE

Photography, on demand

AI plates via an image pipeline (~2 credits each): product and set photography from one model, portraits and fashion from another, reference-chained for series consistency. Masters kept off-ship; only ≤500KB webp ever deployed. Total spend across 15 sites: ≈90 credits.

04 — PROVE

The harness

A Playwright QA rig served each build on a deterministic port and captured both routes at 375 / 768 / 1440 under software GL, logging every console error, failed request and overflow. Discovered gotcha: full-page captures over 8192px crash SwiftShader — now a written rule.

05 — ITERATE

Three passes, logged

Every site: structure, then craft, then a hostile-critic pass — find the weakest screen and elevate it. Forty-five passes logged honestly in fifteen iteration diaries, followed by an art-director review of every site in real-GPU Chrome.

06 — SHIP

Sixteen deploys

Every site to its own Cloudflare Pages subdomain via wrangler, / and /guide verified live. The one human action in the whole run: logging into Cloudflare. This hub is deploy №16 — built last, so its miniatures could be faithful to the finals.

15sites, zero templates
16locked briefs
8concurrent builders
45iteration passes logged
≈90image credits, total
2outages survived
1model, every role
The master guide

So others can
do the same

The whole playbook, written out: the brief system, the parallel-agent architecture, the QA harness, the image pipeline, the iteration protocol, the deploy. Plus links to all fifteen sites' own technical guides.

READ THE GUIDE →