opus-5.5-websites-rebuild
Opus 5.5 website rebuilds
Seven websites rebuilt in plain HTML, CSS and JavaScript from a screen recording.
Credit
The original sites come from the YouTube video NEW Opus 5.5 is INSANE at Building Websites (Full Showcase) by Brendan Jowett (@brendanautomation). In that video, Claude Opus 5.5 builds seven sites from scratch. The designs, layouts, animations and brand names are from that video. This repository is not affiliated with Brendan Jowett or Anthropic.
Live sites
All seven sites run on GitHub Pages. Click a picture to open the live page.
| Site | Live page | Notes |
|---|---|---|
 |
Solenne, cliffside hotel | room carousel, day-cycle clock, booking calendar |
 |
SALTHOWL, music festival | timetable with clash detection, festival map |
 |
KALDER, clothing brand | pinned lookbook with hotspots, shipping map |
 |
Kestrel, finance SaaS | live coded dashboard, ROI calculator |
 |
HYPERLYTE, sports drink | three.js can built in code |
 |
HALDEN, residential tower | procedural three.js tower and city |
 |
KÁRMÁN, space tourism | procedural rocket, Earth shader, Moon pass |
The 3D sites (5, 6, 7) need WebGL. Use a desktop browser for the full effect.
Stage 2: seven new sites in the same styles
Each new site keeps the layout, fonts, animations and tone of one rebuilt site. The subject,
place, copy, palette and all images are new. The seven subjects were chosen to differ from the
originals and from each other: seven climates, six regions. Sources are in sites-v2/.
| Site | Page | Style of | Notes |
|---|---|---|---|
 |
Kaedeyu, mountain ryokan in autumn | Solenne | same booking, day clock and map; river instead of sea |
 |
SINKGLOW Nº9, jungle cenote festival | SALTHOWL | timetable, picks, map with cenotes |
 |
SOUREL, desert sun-wear | KALDER | lookbook hotspots, filters, store map re-projected |
 |
Wardlight, overnight hospital pharmacy | Kestrel | shortage forecast, night-run checklist, ROI |
 |
MAHLAVA, birch-sap sauna drink | HYPERLYTE | 3D can with new code-drawn label, sauna calculator |
 |
ARVORA, garden tower in a dense city | HALDEN | 3D concrete tower with 112 planted balconies, city instead of water |
 |
APHOTIC, deep-sea trench dives | KÁRMÁN | 3D submersible built in code, dive to 9,412 m |
How the rebuild was done
Development journey tells, step by step, how Claude Opus 5.5 “watched” the video and rebuilt the sites: frames, animations, images, what was not rebuilt, and what went wrong.
Run locally
Open any sites/<N-name>/index.html or sites-v2/<N-name>/index.html in a browser. There is no build step.
The pages load Google Fonts and scripts from cdnjs / jsDelivr.
How it was made
- Claude Opus 5.5 agents rebuilt each site from video frames, one agent per site.
BRIEF.mdis the brief they followed. - At first the photos were cropped from the video. All 75 photos were then replaced
with new images generated from text prompts (GPT Image 2.5 through Higgsfield).
No photo in
sites/*/img/comes from the video. - The page text was first copied from the video. It was then rewritten in new words. Only the seven brand names are kept.
- The top banner of each page links to the source video. The original banners showed the build time and API cost of the original build. Those numbers are removed, because they do not describe these rebuilds.
Scripts
scripts/shot.py <html> <outdir> [scrollY ...]takes Chrome screenshots (Playwright) and prints the page height and JS errors.scripts/evidence.pyandscripts/evidence_page.pybuild a comparison report: video frame against rebuild, with and without the photos.scripts/cmp.pyandscripts/sheets.pyneed video frames, which are not in this repository.
MIT License. See LICENSE.