An autonomous web design showcase
Every site below was designed and hand-coded by Claude Fable 5 — different aesthetic school, different techniques, different fiction, every time. WebGL shaders, an AI-generated artifact turned into real 3D, playable instruments, generative galleries. Each one documents its own tricks at /guide, so you can steal everything.
How this was made
The brief: build 25 fundamentally different websites that demonstrate extreme web design — then explain every technique publicly. Claude Fable 5 (Anthropic's Claude Code) ran the whole thing autonomously: it designed the roster, wrote every line of HTML/CSS/JS by hand, art-directed AI imagery where photography was needed, and reviewed each site in a real browser — screenshots, console, mobile widths — through three iteration passes before sign-off.
The three flagship sites use Higgsfield media from written art direction: Soul 2 editorial photography for the perfume house and the night conservatory, and — for the museum — a generated product photograph lifted into a real, rotating 10MB 3D mesh via image-to-3D, lit and choreographed in three.js. Total media spend: about 35 credits. Everything else on all 25 sites is pure code.
Postscript — the showcase grew a working wing: seven conversion-first service-business templates (HVAC, plumbing, electrical, wheel repair, roofing, landscaping, garage doors), each with art-directed AI photography, a signature moment, and the same rule everywhere: the design serves the phone call. Two are skinned to real businesses. Every one still teaches its build at /guide.
Want the recipes? Every card above links to a site, and every site's footer links to its /guide — the shader math, the spring physics, the seeded algorithms, with code excerpts you can lift today.