The short answer: Yes. Claude can build a website from a plain-English description, writing the code and showing you a working page in minutes. What it won't give you is hosting on your own domain or the facts about your business, so you'll still publish the code somewhere and check every word before customers see it.
Can Claude build a website?
Yes, and it's quick. Anthropic's own Claude Academy tutorial builds a portfolio site and deploys it live "without writing a line of code". Claude writes the HTML, CSS and JavaScript, and you shape the result by asking for changes in everyday words.
Claude's help centre lists "single-page websites" among the things it can make as an artifact, which is the window that opens beside your conversation with the finished result in it. Need several pages? Then Claude Code is the better fit, since it edits real HTML files in a folder on your computer and can run commands for you.
Which Claude tool should you use to build a website?
There are three ways in: an artifact in a chat, Claude Design and Claude Code. Each suits a different job, and because Claude Code isn't on the Free plan, your choice also depends on what you pay. The plans were checked on the Claude pricing page and help centre on .
| Artifact in a chat | Claude Design | Claude Code | |
|---|---|---|---|
| What it is | A page Claude builds beside your conversation | A design canvas you refine by chat, comments and direct edits | A coding tool that reads your files, edits them and runs commands |
| Best for | A one-page site or a quick mock-up | Landing pages, prototypes and one-pagers | A full site with several pages that you host yourself |
| Plans | Free, Pro, Max, Ultra, Team and Enterprise | Free, Pro, Max, Ultra, Team and Enterprise | Paid plans such as Pro and Max, not Free |
| Where you use it | Claude on the web, desktop or mobile | Any chat, the Artifacts tab or Claude Code | Terminal, code editor, desktop app or browser |
Claude Design launched on as a research preview for paid plans, but it's since become a template inside Claude's artifacts, and the help centre now lists it on the Free plan too. If you used the separate version at claude.ai/design, note that it closes on .
What does Claude do well when it builds a website?
Claude's quickest at the first draft, because it turns a description, your files and screenshots of sites you like into a working page. It changes that page as you talk, so you can keep refining it. Anthropic's guides show five things it does well.
- Using your material. The Academy tutorial uploads a CV, project descriptions and screenshots of sites the owner admires, and the result is built from them.
- Changing things on request. In Claude Design you can ask for broad changes in chat, click an element to comment on it, or edit the canvas directly.
- Adding small touches. It can write the code for hover effects, scroll animations and other interactive details.
- Keeping to your brand. A design system lets new work pick up your colours, fonts and components without you explaining them again.
- Handing over to code. A finished Claude Design can go to Claude Code, which "continues from your existing work instead of starting over from a screenshot".
Where does Claude stop when it builds a website?
It stops where the code ends. It doesn't know your prices or opening hours, it can state things that aren't true, and it won't put your site on your own domain. Each of the five limits below is backed by Anthropic's own words.
| Limit | What Anthropic says | What it means for your website |
|---|---|---|
| It can get facts wrong | Claude "can write things that might look correct" when they're wrong | Check every price, phone number, address and claim |
| First designs can look plain | Claude "can sometimes opt for more functional design choices", such as standard fonts and default colours | Show it examples you like and ask for another round |
| Fixes aren't certain | "Claude will attempt to fix the error, but success isn't guaranteed." | Some bugs still need a person who reads code |
| A Claude Code artifact is one page | It's "one self-contained page with no backend, so it can't serve multiple routes" | Treat it as a preview, not as your website |
| It doesn't host your site | For a hosted internal tool with a backend, the docs say to "deploy it on your own infrastructure instead" | You need hosting and a domain of your own |
There's one more gap, and this part is our own view. A vague brief gets a vague site, every time. Nobody has told Claude which services earn you the most or what local customers type into Google. It can't guess.
Can you publish a Claude artifact as your business website?
No, not as it stands. A shared artifact is a link to a page hosted by Claude, not a page on your own domain. That's the catch. Claude's help centre says most artifacts shared with "Anyone with the link" open without a Claude account, but Docs and some other types need a sign-in. On Team and Enterprise plans, an owner can also switch external sharing off.
Artifacts from Claude Code follow their own rules, and their docs say you can share one through a public link. Anyone outside your organisation who opens it sees the label "Content is user-generated and unverified." instead of your name. Every external image is blocked as well. That's fine for showing someone a draft. That isn't how customers should first meet your business.
If you want to go live, take the code out of Claude and host it yourself, usually by one of three routes.
- Export it. Claude Design exports a design as standalone HTML, a .zip file, a PDF, PowerPoint or Google Slides.
- Deploy through a connector. The Academy tutorial uses Claude's Netlify connector to turn the artifact's code into a live site.
- Use static hosting. Cloudflare Pages says requests to static assets are "free and unlimited" on both its free and paid plans.
Whichever route you take, point your own domain at the site, whether that's through your registrar's DNS settings, your host's control panel or a connector like the one in the tutorial, and don't forget to test the live address on your phone. Keep a copy of the code too, so you're never tied to one conversation.
Does it cost anything to build a website with Claude?
A first website can cost nothing. Claude's Free plan includes artifacts and Claude Design, but not Claude Code, which starts with Pro. Usage limits apply on every plan, and Anthropic says plans and prices can change.
| What you need | What it costs |
|---|---|
| Artifacts and Claude Design | Included in Claude's Free plan |
| Claude Code | A paid plan, starting with Pro |
| Static hosting on Cloudflare Pages | Nothing for static asset requests |
| Domain name and business email | Paid separately, by you |
Our website cost guide sets out what UK businesses usually pay once a designer is involved.
Will Google rank a website that Claude built?
Google doesn't mark a page down just because AI helped make it. Its Search Central guidance says it rewards "high-quality content, however it is produced", whether a person, a tool or both wrote it. Using AI mainly to manipulate search rankings is different, and that breaks its spam policies.
What does Google want? Original, helpful content that shows experience, expertise, authoritativeness and trustworthiness, or E-E-A-T for short. If your Claude site is written from your real prices, services and photos, it has a fair chance. One filled with words Claude guessed doesn't. No tool or agency can promise a ranking, and we don't either.
How do you build a small business website with Claude?
The six steps below are our own advice, built on Anthropic's guides. They suit a one-page site in a chat as well as a bigger build in Claude Code.
- Write your facts down first. List your services, prices, the areas you cover, phone number and opening hours, because Claude only knows what you give it.
- Gather examples. The Academy tutorial uploads files and screenshots of sites the owner likes, so do the same.
- Ask for one page first. The Claude Design guide says a good prompt covers "the goal", "the layout", "the content" and "the audience".
- Refine it in short rounds, and look at every round on your phone as well as a laptop.
- Check every fact and test every link and form before anyone else sees the site.
- Publish it on your own domain and keep a copy of the code.
Once your facts are written down, step 3 could start with an illustrative prompt like this.
Build a one-page site for a dog groomer in Stockport that gets people to book an appointment by phone. Use the prices, opening hours and photos I've attached, make it work well on phones and don't add any facts I haven't given you.
When is it worth getting help with a Claude-built website?
In our view, help is worth it once the site has to bring in work. That usually means several service pages, a tested form, Search Console and hosting on your own domain. It helps, too, if you'd rather never touch code or hosting at all.
We build exactly that setup. Your site is made as plain static pages on Cloudflare and then connected to your own ChatGPT or Claude account. When you want a change, you type it on your phone and check a preview link, and nothing goes live until you approve it. You'll need your own account, and that's usually a paid plan. It's part of our WordPress alternative with no PHP to patch.
Our AI website design service explains how we split the job between AI and a person.
Still weighing up platforms? Read whether WordPress is still worth it in 2026.
Questions people ask
Do I need to know how to code to build a website with Claude?
Is claude.ai/design closing?
Can I update a website Claude built for me?
Sources
- Claude Academy: Create a custom webpage
- Claude Help Center: What are artifacts and how do I use them?
- Claude Help Center: Share artifacts
- Claude Help Center: Get started with Claude Design
- Claude Help Center: Claude is providing incorrect or misleading responses ()
- Claude Code Docs: Share session output as artifacts
- Claude Code Docs: Overview
- Claude: Pricing (checked )
- Anthropic: Introducing Claude Design by Anthropic Labs ()
- Cloudflare Pages docs: Functions pricing (static asset requests)
- Google Search Central: Google Search's guidance about AI-generated content ()
See what we do, what it costs and how long it takes.
