Can Claude Build a Website? How to Build and Publish One From a Chat

Can Claude build a website? Yes. With the Sitelas connector, Claude builds a real site from your description, shows you a private preview, makes the changes you ask for and publishes when you say so.

Usman Haider

Usman Haider

June 18, 20266 min read
Cover: hands sketching an architectural plan on paper, with the headline "Describe it. Watch it get built."

Can Claude build a website? Yes. On its own, Claude can make a page and publish it as a link on Claude's own address. With the Sitelas connector, it builds a full site with its own address, and publishes it for you.

Most website builders make you open an app, pick a template, and start dragging things around. Sitelas has a visual editor too — but you don't have to use it. Sitelas plugs into Claude as a connector. So you can build, restyle and publish a real website by just describing it in a chat.

What makes this safe is the order of things: Claude shows you a preview before anything goes public. Nothing is live until you say so. Here's the whole loop, with a freelance photographer's portfolio as the example.

First: connect Sitelas to Claude

One-time setup: Sitelas is in Claude's connector directory, so adding it takes one click — open the listing and choose Add.

Using Claude Code or Claude Desktop instead? Those read a config file rather than the directory, so point them at https://sitelas.com/api/mcp.

Sign in to Sitelas when prompted. That's it — Claude can now design sites, change themes, publish them, and read your form submissions, all from chat.

Step 1: Describe the site — Claude builds a draft and previews it

Tell Claude what you want in plain language: the kind of site, the vibe, the pages.

Asking Claude to build a photography portfolio; it creates the site and returns a private preview URL.

Claude picks a design that fits, writes the copy around your brief, adds stock photos to start and saves it all as a draft. Then it hands you a preview URL — something like preview-yoursite.sitelas.com.

This is the important bit: that preview is private and the draft is not public. Your real address (yoursite.sitelas.com) shows nothing until you publish. You can see the whole site, click through every page and decide what to change. Nobody else can stumble onto it while you work.

Step 2: Review and refine — keep prompting until it's right

Open the preview, look it over, and tell Claude what to change. Want a different look? Just describe it — Claude restyles the whole site at once.

Asking Claude to make the palette warmer and darker; it updates the theme and refreshes the same preview.

Change the colours, rewrite the top section, swap a photo or add a section. Each request updates the draft, and Claude sends back the refreshed preview. Your live site still doesn't exist yet, so iterate as much as you like:

  • "Make the palette warmer and a touch darker."
  • "Tighten the About copy — two sentences, not a paragraph."
  • "Swap the cover image for something with more negative space."

Keep going until the preview is exactly what you want. There's no penalty for changing your mind ten times — it's all just the draft.

Step 3: Publish when it's right

When the preview looks the way you want it, tell Claude to make it live.

Telling Claude to publish; it promotes the draft to live and returns the public URL.

Claude promotes the draft to your public address and confirms it's live. Now yoursite.sitelas.com is a real website you can share anywhere — a link in your bio, a business card, an email signature.

Editing later: the same preview-then-publish loop

Here's where the flow really pays off. Once your site is live, new changes don't touch it. Ask Claude for an edit and it shows the change in a fresh preview. Your live site keeps showing the last published version until you publish again.

Asking Claude to add a contact form later; it stages a new preview while the live site stays unchanged.

So you can add a contact form or change your prices without visitors ever seeing a half-done edit. You review the new preview, tweak it if you need to, and publish when it's ready — exactly like the first time.

The mental model

It's the same model whether you work from chat or the visual editor, and it's worth holding onto:

  • The preview is always your latest draft. Every change Claude makes shows up here first.
  • The live site is your last publish. It only changes when you explicitly say "publish."

That gap between draft and live is the whole point. You experiment freely in the preview; visitors only ever see the version you signed off on.

Why do this from a chat at all?

Because the context never resets. The same Claude that built your site can add a contact form and forward its submissions. It can read the messages that come in and draft replies through your Gmail, all in the same conversation. Your site stops being a separate place you log into. It becomes one more thing Claude handles for you, next to your email and calendar. That way of working has a name: a chat-native website builder. For a full example, from launch page to signups to a ranked shortlist to drafted invites, see I Launched a Waitlist and Ran It From One Claude Chat.

Want to compare the options first? How to build a website with AI covers every route, with a second build in ChatGPT.

If you'd rather point and click for a change, every site also opens in the visual editor, with the same draft, preview and publish steps. Chat and editor edit the same draft, so you can move between them freely.

Questions people ask

Can Claude build a website? Yes. On its own, Claude can publish a single page as a public link on Claude's address. With the Sitelas connector, it builds a full site from a designer template. You review a private preview, and it publishes when you approve.

How do I use Claude to build a website? Add Sitelas from Claude's connector directory, then describe your site in one or two sentences. Claude builds a draft, sends a preview link and keeps changing it until you say publish.

Can Claude build a WordPress website? Not through Sitelas, which builds its own hosted sites. Claude can help write WordPress code, but you would install and host it yourself.

How much does it cost? One published site is free, on a sitelas.com address. Pro is $9 a month, or $90 a year, per site, and adds your own domain.

Try it

Add the Sitelas connector in Claude, then ask it to build the site you've been meaning to make. Review the preview, prompt until it's right, and publish when you're happy. Start at sitelas.com.

Use ChatGPT instead? How to build a website with ChatGPT walks through the same steps there.

Templates to start from

Build this with a ready-made design, then change anything.

All templates →
Usman Haider

Usman Haider

Founder of Sitelas — the website builder for AI agents.

Build your site with AI

Pick a template, describe what you want, and let AI build it. Publish in minutes.

Browse Templates