How to Build a Website With an AI Coding Agent (No Coding Experience)

You can build and publish a real website without knowing how to code by giving plain-English instructions to an AI coding agent such as Claude Code or Cursor, letting it write the files, and then dragging the finished folder onto a free host like Netlify Drop. Expect about an hour for a simple personal or small-business site and $0 to $20 in costs.

This guide walks through the whole process, from an empty folder to a live URL you can share, with the exact prompts to use at each step.

What you will build and what you need

By the end you will have a one-page website (for example a portfolio, a landing page for a side project, or a page for a local business) made of plain HTML, CSS, and a little JavaScript. Plain files are the right choice for a first project: there is nothing to install beyond the agent itself, nothing to break, and they can be hosted for free almost anywhere.

• A computer running macOS, Windows, or Linux.
• An AI coding agent. This guide uses Claude Code, with notes for Cursor.
• A web browser to preview your site.
• Your content: the text you want on the page and any photos or a logo.

Pick your agent

A coding agent is different from a chatbot. Instead of handing you code to copy and paste, it reads and writes the files in a folder on your computer, runs commands, and fixes its own mistakes. That is what makes it workable for beginners.

Agent	Where it runs	Cost (as of November 2026)	Best for
Claude Code	Terminal, or inside VS Code and other editors	Included with any paid Claude plan; Pro is $20/month billed monthly	Beginners comfortable typing one command to start
Cursor	Its own code editor app	Free Hobby plan with limited usage; Pro is $20/month	People who prefer a visual editor with buttons and panels

Pricing is per Anthropic's pricing page, which states Claude Code is included in all paid plans (it is not available on the free Claude plan), and Cursor's pricing page. Both agents can build this site. Pick one and stick with it.

If you would rather not install anything, browser-based app builders such as Lovable and Bolt generate and host sites from a chat window. They are faster to start but give you less control over the files, which is why this guide uses a local agent.

Step 1: Install the agent and create a project folder

1. Create an empty folder for your site, for example my-website on your desktop.
2. Install Claude Code using the command from Anthropic's install guide. On macOS or Linux you paste one line into the Terminal app; on Windows you paste one line into PowerShell. The installer keeps itself up to date.
3. In the terminal, move into your folder (type cd, a space, then drag the folder onto the terminal window and press Enter).
4. Type claude and press Enter. The first time, it asks you to log in with your Claude account.

Using Cursor instead? Install the app, choose File, then Open Folder, select your empty folder, and open the agent chat panel.

Step 2: Describe the site you want

The quality of your first prompt decides most of the result. Tell the agent who the site is for, what sections it needs, the style, and the technical limits. Here is a prompt you can adapt:

Build a one-page website for my dog-walking business, Paws on Pine, in this folder. Use only plain HTML, CSS, and a small amount of JavaScript, no frameworks and no build step, so I can host it as static files. Sections: a hero with the business name and a "Book a walk" button, three services with prices, a short about section, five customer quotes, and a contact section with my email and phone. Style: friendly, warm colors, rounded corners, large readable text. It must look good on phones. Put all images in an images folder and use placeholder images for now. When you are done, tell me which file to open to preview it.

The agent will propose a plan and ask permission before creating files. Read what it plans to do, approve it, and wait. A simple site takes a few minutes.

Step 3: Preview, review, and iterate

Open the index.html file in your browser by double-clicking it. Now improve it in small, specific requests rather than one giant one:

The hero text is too small on my phone. Make the heading larger on screens under 600px and add more space above the button.

Replace the placeholder logo with images/logo.png and use its main green as the button color.

Check the whole page for accessibility problems: missing alt text, low color contrast, and buttons that are not real links. Fix what you find and list the changes.

Two habits make a big difference:

• Test on your phone. Resize your browser window to phone width, or ask the agent how to preview the page on your phone.
• Ask the agent to explain. "Explain what each file does in simple terms" turns the project into a lesson, and helps you spot anything you did not ask for.

Step 4: Put it online for free

The simplest free option for a folder of static files is Netlify Drop:

1. Go to app.netlify.com/drop.
2. Drag your whole website folder onto the page.
3. Within seconds you get a live address ending in netlify.app.

According to Netlify's Drop quickstart, you can deploy before creating an account and claim the site afterward. Claim it, or the site will not stay under your control. To update the site later, drag the updated folder into the same site's deploy area. Netlify recommends keeping a drop small (its docs suggest under 50 MB), so compress large photos first.

Prefer GitHub? GitHub Pages hosts static sites for free from a public repository. Ask your agent: "Walk me through publishing this folder with GitHub Pages, step by step, assuming I have never used Git."

Once the site is live, you can connect your own domain name (typically around $10 to $20 a year from a registrar) through your host's domain settings.

Common mistakes to avoid

• Asking for everything at once. Build the basic page first, then add features one request at a time. Large requests produce more errors and are harder to review.
• Letting the agent add a framework. If it suggests React, Next.js, or a build step for a simple site, say no. Plain files are easier to host and maintain.
• Publishing placeholder text. Ask the agent to "list every placeholder, fake quote, and made-up detail on the page" before you go live. Never publish invented testimonials.
• Adding a contact form without a backend. A static site cannot send email by itself. Use a mailto link, or ask the agent about your host's built-in form handling.
• Losing your work. Keep a copy of the folder, or ask the agent to set up Git so every change can be undone.

What it costs

Item	Free route	Paid route
AI coding agent	Cursor's free Hobby plan (limited usage)	Claude Pro or Cursor Pro, $20/month each
Hosting	Netlify Drop or GitHub Pages	Not needed for a simple site
Domain name	Use the free netlify.app or github.io address	Roughly $10 to $20 a year

A simple site fits comfortably in one month of a $20 plan, and you can cancel afterward. Prices are as of November 2026; check each provider's pricing page before you subscribe.

Where to go next

Once your first site is live, the same workflow scales to bigger projects: a blog, a booking page, or a small web app. The skill that matters most is describing what you want clearly and checking the result carefully. To compare more coding agents and website builders, browse AI coding agents and AI web development tools on Find Your Agent.