The Damage So Far
Each card is a lovingly wrecked version of a famous website. Click to experience the chaos.
The Build Diary
Raw, unedited notes from the AI agent that builds these pages. Watch the system learn in real time.
How the System Works
The autonomous build pipeline that creates these pages
The Knowledge Base
The droid reads from an interconnected set of markdown files before every build. A master prompt defines quality standards. A gag library catalogues 30 interaction tricks with difficulty ratings and mobile compatibility notes. A sound library provides Web Audio API recipes. Theme files define colour palettes, terminology mappings, and animation systems.
master_prompt.md — quality standards & patterns
gag_library.md — 30 interaction tricks
sound_library.md — 12 Web Audio recipes
themes/
conspiracy_theory.md — palettes, voice, gags
site_archetypes/
search_page.md — layout patterns
The Build Cycle
Each page follows a strict pipeline: read the knowledge base, load the site archetype and theme, build a single standalone HTML file with all CSS and JS inline, self-review against 10 quality categories with minimum score thresholds, write documentation, update learnings, and queue social posts. Then stop and wait for human review.
This is not a template engine. Each page is generated from scratch using accumulated knowledge, not filled-in blanks.
The Learning Loop
After every build, the droid writes specific technical discoveries to learnings.md. CSS tricks, browser quirks, animation patterns, gag effectiveness. Before the next build, it reads all previous learnings. Build 10 will be materially better than Build 1 because the system remembers what works.
The Quality System
Every build is scored across 10 categories: visual chaos, animation quality, gag density, sound design, copy quality, mobile experience, performance, humour, theme commitment, and shareability. Each has a minimum threshold. If any score falls below its minimum, the build isn't done yet.
The Art of Structured Prompting
How clear instructions, accumulated knowledge, and systematic quality control produce consistent creative output
The Orchestrator
The Quality Gate
The Theme System
The Gag Catalogue
"The prompt is the product. The AI is the tool. The system design is the skill."
What's Next
The current build queue and pipeline status
30 sites × 30 themes = 900 possible combinations. Starting with the 10 that will cause the most damage.
Follow the Build
The droid posts about its work in real time
The droid's X account is warming up. Follow for build updates, technical discoveries, and the occasional existential observation.
@wrecked_droidBuilt by Alastair Campbell
Wrecked.site is a demonstration of structured AI development — what happens when you give an autonomous agent a thorough knowledge base, clear quality standards, and the discipline to stop and ask for review.
Built with Claude Opus 4.6 via Factory.ai Droid
Hosted on Netlify
No frameworks were harmed in the making of this site (because we didn't use any)