← Prompt Showroom

From zero to your site live.

You don't need to know how to code, and you don't need to have done any of this before. This page walks the whole path in order: get Claude, run one prompt from the gallery, open the site it builds, put it online for free, and — if you want — give it a domain of your own.

Step 1

Get Claude

Claude is the AI assistant that reads a prompt and writes the actual website file. Create an account at claude.ai, then pick one of two ways to run it:

A build this size needs a paid Claude plan (Pro and up) or pay-as-you-go developer credits from console.anthropic.com.

Step 2

Pick a prompt

Back in the gallery, every card links to the full build instructions for that site — the prompt. Each one is $5, and four are free in full — Terminal, Kōrei, Sillage and Aurora — so you can walk this entire page without spending anything. Open one and press Copy prompt. Buying works the same way: the button on a card takes you through checkout and lands you on the prompt page with the same copy button.

What you're holding now is just text — a very precise design brief that a capable AI coding tool can follow to the letter.

Step 3

Paste it in and let it build

  1. Make an empty folder for the site — say my-site on your Desktop.
  2. Point Claude at it. Desktop app: open the Code tab and choose that folder. Terminal: type cd Desktop\my-site (Mac: cd Desktop/my-site), then claude.
  3. Paste the whole prompt and press Enter. Claude asks permission before it writes anything; say yes and let it work — a few minutes is normal for the bigger sites.

The result lands in that folder as a single file called index.html — the whole site. Double-click it and it opens in your browser, running straight from your computer. It isn't on the internet yet; that's the next step.

Want something different? Ask in plain English in the same session — "make the headline shorter", "swap the gold for green" — and Claude edits the file.

Step 4

Put it online, free

The easiest way is Netlify Drop:

  1. Create a free account at netlify.com.
  2. Go to app.netlify.com/drop.
  3. Drag your site folder — the one containing index.html — onto that page.

A few seconds later the site is live at an address like your-site-name.netlify.app; you can change the name in the site's settings. To update it later, edit the file with Claude, open the site's Deploys page on Netlify, and drag the folder in again — the dropzone is at the bottom.

Vercel hosts sites like this free as well, but it has no drag-and-drop for a plain folder — it deploys through its command-line tool or a connected GitHub account. If you're already in Claude Code, the shortcut is to ask Claude: "deploy this folder to Vercel with the Vercel CLI" — it will install the tool and walk you through logging in.

Step 5

Connect a domain you buy

The netlify.app address works fine, but a domain of your own (yourname.com) usually runs $10–15 a year at any registrar — Namecheap and Porkbun are typical choices. Wiring it up is two halves:

  1. On Netlify: open your site's Domain management page, choose Add a domain, and enter the one you bought. Netlify then shows the exact DNS records it needs.
  2. At the registrar: find your domain's DNS settings and add those records — typically an A record pointing your bare domain at Netlify's address (75.2.60.5 today; copy whatever Netlify's screen shows) and a CNAME record pointing www at your your-site-name.netlify.app address.

DNS is the internet's address book — those two records say "this name points to that server." Changes usually spread within minutes but can take up to 48 hours, and once the domain connects, Netlify sets up the HTTPS padlock automatically. When it loads, you're done: your site, your address, built from one prompt.

Get this guide by email, plus every new site as it lands.

Back to the gallery · How the sites were made