Vibe coding a website means describing a feeling and letting the AI do the rest. We tested the purest version: one paragraph that says invent a product, build its website, make it memorable, and nothing else. Four frontier models each got that paragraph once, with no follow-up and no edits. These are the four vibe-coded websites they shipped.
What did the vibe prompt actually say?
Almost nothing about the result. It asked for a complete one-page marketing site for a product of the model's own invention, with a hero, at least three more sections and a footer, real copy throughout, every visual made in HTML, CSS, SVG or canvas, and a layout that works on desktop and phone. The only aesthetic instruction was "make it memorable". The full prompt is public, so you can run it on your own favourite model.
What did each model vibe code?
- Claude Opus 5.5 invented Nod, a night train that leaves at 22:40 and returns to the same platform at 06:50, and built a site with a flip-clock headline, berth prices from £58 to £230 and a section of synthesised night-train sound. 74 minutes.
- Claude Fable 5.1 invented Yonder, a $240 lamp that shows the sky over a faraway city, and built a calm, dusky page with a glowing globe. 26 minutes.
- GPT-6 Astra invented PEEP, a $28 ceramic bird whistle, on a loud yellow page with a scrolling banner. 13 minutes.
- GPT-6.1 Sol invented AFTERHOURS, a $59 off switch for your phone, under "LESS SCROLL. MORE SOUL." 11 minutes.
How much does the vibe change the result?
Enormously, and that is the useful finding. When the same four models built a site from a detailed brief, the Driftwood landing page, they converged on one style: serif headlines with an italic word, cream backgrounds, and in the GPT models' case nearly identical pages. With only a vibe to go on, they split into four distinct worlds. Constraints buy you correctness; freedom buys you personality.
The models still show their habits. Both GPT models invented a gadget for using your phone less and both reached for the handwritten Caveat typeface. Both Claude models chose night and distance, and both set their pages in Fraunces.
How do you vibe code a website that works?
Keep the vibe loose and the requirements tight. Our prompt was vague about the product and look, and precise about structure: sections, real copy, responsive layout, no external images. That combination produced four sites that work on a phone and still surprise. Then pick the model for the job: a Claude model if you want a richer, stranger first attempt and can wait up to an hour, GPT-6.1 Sol if you want to roll the dice several times for about seventy cents a go at list prices.
Which vibe lands for you? Four sites, names hidden, pick before you reveal.
Take the blind test
Frequently asked questions
What is a vibe-coded website?
A website built by describing what you want to an AI model and accepting what it produces, rather than writing or editing the code yourself. The four sites on this page are vibe-coded in the strictest sense: one prompt, one attempt, no edits.
Can you vibe code a whole website with one prompt?
Yes. Each of the four models here produced a complete, responsive marketing site with real copy, prices and interactive sections from a one-paragraph prompt, in 11 to 74 minutes.
Which AI is best for vibe coding a website?
For the most distinctive result from a loose prompt, Claude Opus 5.5 or Claude Fable 5.1. For a quick, clean result you can iterate on cheaply, GPT-6.1 Sol. Our best-AI-for-vibe-coding page compares them in detail.
Do vibe-coded websites work on phones?
All four of these did. Each was recorded on a 390 by 844 phone viewport as well as on desktop, and each reflows its layout for the small screen. Check the phone recordings on the brief page.