Guide | Websites

Talk your website into existence

Open Claude Voice, explain your business the way you'd tell a friend, and let Claude interview you until it has a plan. Then it builds a one-page site from that plan, with your photos in it. About 20 minutes of talking. The prompts, the photo fix, the checklist, and how to get it online are all below.

Check this first

Which Claude plans have Voice

Every plan has it, Free included. Anthropic's own help page lists Voice on Free, Pro, Max, Team and Enterprise, on the desktop app, the phone app and claude.ai in the browser. It's still labeled a beta, so if yours looks different from the table, check your plan settings and update the app.

PlanVoiceWhat to know
FreeYesRuns on the smaller model. Fine for the interview. If the plan comes out thin, see the fix at the bottom of this page.
Pro and MaxYesVoice runs on the bigger models. The interview asks sharper questions and the plan comes out fuller.
Team and EnterpriseYesSame as Pro. If Voice is missing, your admin may have turned it off. Ask them.
Where the button is

Open the Claude desktop app. Start a regular new chat (a plain chat, you don't need Cowork for this). Look at the lower right corner of the box where you type. There's a small sound wave icon next to the send arrow. Click it and start talking. Click it again when you want to go back to typing.

Do this on your computer, not your phone. Step 4 needs you to drop a folder of photos into the chat, and that's a drag on a computer and a chore on a phone.

Claude desktop appAny planNo codeAbout 20 minutes
Before you click the icon

Get 3 things ready

The talking part goes fast. The part that stalls people is scrambling for photos halfway through. Set these up first.

Step 1

The interview prompt

Click the sound wave icon and say this. You can read it word for word. Or paste it into the chat box first, send it, and then click Voice to answer the questions out loud. Both work.

Copy it. Fill in anything in [brackets].
I run [what you do, in one sentence] for [who you do it for]. I want a one-page website.
Interview me until you have a design plan for my website and a brand direction, then write the plan.
Ask me one question at a time and wait for my answer. Start with what I do and who it's for. When you have enough, say "I have enough" and stop asking.

What it's going to ask you. Roughly this, in this order. Knowing the questions ahead of time makes the answers come out better.

How to answer. Talk the way you'd explain your business to a friend at dinner. Real numbers, real client moments. Claude can only put on the page what you say, so a vague answer gets a vague site.

Gets you a generic site

I do bookkeeping for small businesses. I'm detail-oriented and I care about my clients.

Gets you your site

I do monthly bookkeeping for restaurants with 1 or 2 locations. Owners find me after a scary letter from the state, or when they haven't looked at their numbers in 6 months. I've done this 11 years. I want them to book a 20 minute call.

If it starts building before it's done asking

Say: "Keep interviewing me. Don't build anything yet." It will go back to questions. This happens more on the smaller model.

Step 2

Write the plan as a document

When Claude says it has enough, don't let it build from memory of the conversation. Make it write the plan down, in the chat, as one document. That written plan is what the build step reads. It's also your record if the chat gets lost.

Copy it.
Write the full website plan in the chat as one document.
Include: the headline in one line, what I do in 2 sentences, who it's for, my 3 proof points, the sections in order from top to bottom, the exact words on every button, the colors and fonts, and which of my photos goes where.
Nothing vague. If a section needs words, write the actual words. Use only what I told you. If you need something I didn't say, put a question in brackets instead of making it up.

Now read it. Out loud if you can, since you'll catch more. Anything wrong, say so right there: "the headline should say restaurants, not small businesses." Anything in brackets, answer it. When the plan reads like your business, you're ready to build.

Copy the plan somewhere safe

Select it, copy it, paste it into a note. If the chat ever disappears, or you want to redo the site in a month, you paste the plan into a new chat and skip the interview.

Step 3

Build the site from the plan

Click the sound wave icon to end Voice. You're typing from here. Drag your photo folder onto the chat box (or click the paperclip and pick the photos), then paste this.

Copy it. Fill in anything in [brackets].
Build the prototype from the plan above as a static site.
One page, one HTML file with the CSS inside it. No frameworks, no login, no database, no form that needs a server. A button that opens an email to [your email] or links to [your booking link] is the contact.
Use the photos I attached, in the spots the plan says. Do not use placeholder images or stock photos.
Make it look right on a phone first, then on a laptop. Plain fonts, white or off-white background, one accent color from the plan.
Keep the order from the plan: headline, what I do, who it's for, the 3 proof points, photos, contact.
When you're done, tell me in 2 lines what you built and anything you couldn't do.
Why "static site" is the keyword

A static site is a page that sits there and shows what's on it. No login, no account, no database behind it. That's all a one-page business site is. Say those 2 words and Claude stops trying to build an app around your website. Less to break, for you and for Claude.

Claude builds it in a panel on the right side of the chat (Claude calls that panel an artifact). You can scroll it, click the buttons, and drag the panel narrower to see how it looks on a phone. Change things by typing: "make the headline bigger," "move the photo of me above the proof points," "the button should say Book a call."

The photo fix

When it uses gray boxes instead of your photos

This is the most common thing that goes wrong. You attached 8 photos and the site shows gray rectangles or the words "image placeholder." Claude saw the photos, it just didn't put them in. Say this.

Copy it.
Use my photos in this artifact.

That sentence fixes it most of the time. If a box is still gray, tell it which file goes where, by name.

Copy it. Fill in anything in [brackets].
Use my photos in this artifact. Put [maria-headshot.jpg] at the top next to the headline, [studio-1.jpg] in the "what I do" section, and [client-kitchen.jpg] next to the proof points. Every photo I attached should appear once.
Photos show in the chat but vanish when you download the file

The HTML file and your photos are separate files, so when you open the download on your own computer, the page only finds the photos if they're in the folder it expects. Ask: "Tell me exactly what folder to put my photos in so they show when I open this file on my computer." Claude names the folder, you make it, you drop the photos in. Usually it's a folder called images sitting next to the HTML file.

Before you show anyone

The static-site checklist

Go down this list with the site open. 7 boxes. If one fails, type the fix into the chat and check again.

Last pass: read every word on the page out loud once. Anything that sounds like a brochure and not like you, tell Claude: "rewrite this section the way I said it in the interview."

Get it online

From a file on your computer to a link you can send

The site is a file until it's on the internet. 2 ways to do it. The first takes about 5 minutes and costs nothing.

Way 1: drag it onto Netlify.

Download the file from Claude
In the artifact panel there's a download button (an arrow pointing down, top right of the panel). Save the file. Rename it to index.html. That exact name, all lowercase. It's the name every web host looks for.
Put it in a folder with your photos
Make a folder called my-site. Put index.html in it, and your photos in whatever folder Claude told you (usually images, inside my-site).
Go to app.netlify.com/drop
Open that address in your browser. Netlify is a company that hosts sites like this for free. Make a free account when it asks (it takes an email and a minute).
Drag the whole folder onto the page
The my-site folder, all of it, onto the dotted box. About a minute later you get a link that ends in netlify.app. Open it on your phone. That's your site, live.
Change something later
Tell Claude the change, download the new file, drag the folder onto Netlify again. It replaces the old one. If you own a domain name, Netlify's Domain settings walk you through pointing it at the site.

Way 2: ask Claude to walk you through it. If any of those steps feels like too much, hand it to Claude. One step at a time, and it waits for you.

Copy it. Fill in anything in [brackets].
I have the HTML file you built and my photos in a folder on my [Mac or Windows] computer. I'm not technical.
Give me the steps to put this site online for free, one step at a time. Tell me exactly where to click. After each step, wait for me to say "done" before you give me the next one.
[I already own the domain yourname.com / I don't own a domain yet].
When it goes wrong

The 4 things that trip people up

Voice cuts you off mid-answer

Voice listens for a pause and then answers. Give shorter answers, one idea per turn, and let it ask the next question. For a long answer (the story of how you started), click out of Voice and type it. Then click Voice again.

The plan came out generic

You'll know because it could describe any business. Say: "Go through the plan line by line. Anywhere you wrote something any business could say, replace it with a question for me." Answer the questions. Ask for the plan again. On the Free plan this second pass is usually the difference.

The site looks like every AI site

Purple gradient, 3 cards with icons, a rocket somewhere. Say: "White background, one accent color from the plan, no gradients, no icons, no cards. Use my photos as the visuals." Your photos are the design. Everything else gets out of their way.

You want a second page

Don't. Get the one page right and online first. A one-page site that's live beats a 5-page site that's still in a chat window. When you have a real reason for a second page (a price list, a portfolio), paste the plan into a new chat and ask for that page in the same style.