Claude AI Website Prompt: Create a Personalized Website Demo for Any Local Business

Get the prompt →

Most freelancers start the same way: they message a business and ask whether it needs a website. That approach has predictable problems:

• It feels like spam. Owners receive generic offers constantly.
• There is no trust. The owner knows nothing about you or your work.
• There is no proof. You are asking them to take your skills on faith.
• It is easy to ignore. A short text with nothing attached takes one second to dismiss.

Meanwhile, many local business owners do want a stronger online presence. They are just busy, unsure where to start, unsure who to trust, and not keen to manage a developer on top of running the business. They want to look professional online and attract more customers from Google and Instagram, but nothing in a cold message makes that feel easy.

A personalized demo answers those objections without a long sales pitch:

• You stand out. Very few people send a finished website concept before the first conversation.
• You prove your skills immediately. The work speaks first.
• The owner can visualize their brand online. They see their own name, services and location on a real page, not a template description.
• It feels made for them, because it is. The demo is built around their specific business.
• It builds trust. You lead with something useful instead of a request.

A demo does not guarantee a reply, a sale or a client. What it does is give you a clearer, more respectful reason to start the conversation.

This is one master prompt. You fill in five business details and Claude does the rest. The prompt asks Claude to act as a senior front-end developer and UI/UX designer at a world-class digital agency, and to build a production-quality, single-page website that is polished enough to show a real business owner as a live demo.

It starts by analyzing the business

Before writing any code, Claude is told to study the business details you supplied and decide, independently, the aesthetic direction, color palette, font pairing, section structure, copy tone and animation style. Every choice should feel native to that specific business, not copied from a generic template.

It makes its own design decisions

A salon, a gym and a clinic should not look alike. The prompt asks Claude to build a coordinated color system around the business's psychology and audience, choose two expressive Google Fonts (one for display, one for body) that fit the brand personality, and commit to one clear visual language, such as editorial, warm, bold, clinical or luxurious, across every section. It specifically steers Claude away from default-looking fonts such as Inter, Roboto and Arial.

It writes the copy and chooses the sections

Claude decides which sections to include, in what order, based on what would convert visitors for that kind of business. A navigation bar, hero section and contact/footer are always included. Headlines, descriptions, calls to action and footer text are written in full, with no lorem ipsum.

Worth knowing: The prompt asks for complete demo content, including sample testimonials and statistics, so the page looks finished. In a demo these are illustrative. Replace them with the business's real, verified reviews and figures before anything is used for real, and never present invented reviews as genuine. The contact form validates input in the browser, but it needs a form service or backend before it can actually deliver messages.

The prompt is the engine. The workflow shows you how to use it from start to finish.

Step 1: Find businesses that need a website

Open Google Maps and search for a category and area, for example "salons near me." Look for businesses that:

• don't have a website
• have an outdated website
• have poor branding

For each one you want to approach, note the business name, phone number and location. These details feed straight into the prompt.

Step 2: Give Claude the prompt

Enter the five inputs: business name, business category (salon, restaurant, store, ecommerce, gym, clinic, real estate and so on), full address, phone number and target city, state and country. Run the prompt in Claude. The instructions tell Claude to return only the raw HTML file, starting with <!DOCTYPE html>, with no explanations or extra text.

Save the output as a file named index.html and open it in your browser. Before you share it, check:

• the layout on both a phone and a desktop
• that the name, address and phone number are exactly right
• that every link, button and menu works
• that any sample testimonials and numbers are clearly treated as demo content

If something is off, ask Claude to fix it and regenerate.

Step 3: Publish the demo free on Cloudflare Pages

Cloudflare Pages has a free plan and a drag-and-drop upload that suits a single HTML file.

1. Create a free account at dash.cloudflare.com.
2. Open Workers & Pages, choose Create application, then under Pages select Get started and Drag and drop your files.
3. Enter a project name. Adding "demo" to the name (for example riverside-salon-demo) helps make clear it isn't the business's official site.
4. Drag in your index.html file.
5. Click Deploy site.
6. Copy the pages.dev link and open it on your phone to test it.

Cloudflare occasionally renames dashboard options. If your screen differs, follow Cloudflare's current Direct Upload guide. Hosting is a separate service from this prompt, and Peak Web Craft is not affiliated with Cloudflare.

Step 4: Contact the business owner

Share the demo by phone call or WhatsApp. The workflow includes a phone call script and a WhatsApp message script you can adapt. Both follow the same simple pattern:

1. Greet them and confirm you've reached the right business.
2. Say who you are and that you found them on Google Maps.
3. Explain that you created a sample website demo to show how their business could look online, and mention what it includes, such as mobile responsiveness, WhatsApp and modern branding.
4. Ask permission to send the link, and invite them to talk about customizing it if they like the direction.

Be honest about what the demo is. Call it a sample or unofficial concept, don't imply the business asked for it or approved it, and respect their reply.

Step 5: Understand why this approach works

Cold messages ask the owner to trust you. A demo gives them a reason to. It replaces confusion with something concrete, shows your skills without a sales speech, and makes the conversation about their business instead of your services.

Get the prompt and the full workflow →

Freelance web designers and developers

Walk into every prospect conversation with something real to show instead of a portfolio of other people's work.

Agencies and small studios

Create business-specific concepts for first calls and proposal discussions, without a design sprint for every lead.

Beginners who want to offer website services

Use Claude to produce a professional-looking page without writing code from scratch, and follow a clear process for finding businesses and reaching out.

Anyone exploring AI-assisted web design

See how a detailed, well-structured prompt changes the quality of what Claude produces.

It may not be for you if…

• You want a fully automated way to find and win clients. You still do the research and the outreach.
• You need a production-ready online store, booking engine or payment system. A single-page demo is not that.
• You plan to publish AI output without reviewing it.

The category field lets you adapt the same prompt to different businesses. Typical examples:

Always check the real details with public sources before you present anything to the owner.

• The master prompt, ready to copy and paste into Claude, with clear fields for the business details
• The five-step workflow, covering finding businesses, generating the demo, deploying it free, contacting the owner and understanding the strategy
• Cloudflare Pages deployment steps for putting the demo online without paying for hosting
• A phone call script and a WhatsApp message script to adapt for your outreach

What is not included

Access to Claude, hosting accounts, domains, any paid third-party services, lists of leads, or sending the messages for you. You supply the research, the review and the conversations.

This prompt is a fast way to a polished starting point, not a finished service.

• Review everything. AI-generated code can contain mistakes. Test the page, check the facts and fix issues before sharing.
• Be transparent. A demo made without the owner's request is an unofficial concept. Say so, and get the owner's approval before presenting anything as their real website.
• Verify the business details. Use only information you can confirm, and replace placeholder images, sample testimonials and sample statistics with real material before real use.
• Respect people's preferences. Follow any rules that apply to commercial calls and messages where you operate, and stop contacting anyone who asks you to.
• Expect more work for a live site. A real launch usually needs a working form backend, verified content, a domain, performance checks and ongoing maintenance.
• No guarantees. The prompt cannot promise replies, sales or clients. Results depend on the business, your outreach and the quality of your follow-up.

You can. But a vague request tends to produce a vague, generic page. This prompt is built differently:

• It gives Claude a role and a standard: a senior front-end developer and designer producing work good enough to show a business owner.
• It makes Claude analyze the business first, so design, copy and structure are decided deliberately.
• It sets a specific technical bar: animation, responsiveness, semantic HTML, SEO basics and a complete contact section.
• It asks for clean output: one HTML file you can open and deploy immediately.
• It sits inside a workflow, so you know what to do before and after the page is generated.

• Learn how we build business websites and landing pages
• Need appointments or reservations online? See booking website development
• Want more visitors from search? Explore our SEO services
• See our work in case studies, read our resources and articles, or check scope and pricing

Won over a client with your demo and want a studio to handle the full build? Talk to Peak Web Craft →

Peak Web Craft is a boutique website development and design studio in Ahmedabad, Gujarat, India, offering business websites, Shopify stores, custom web applications and SEO services. Our AI prompts share practical, reusable workflows for people who build websites and want to deliver professional work.

The strongest pitch you can make to a local business is a website with their name on it. Give Claude the prompt, review the result, put it online free, and start the conversation with something real.

Get the Claude AI website prompt →