howtocodeai.com
Tutorials / Beginner+

Claude Code for Non-Developers: Your First Terminal Project

The terminal is less scary than it looks. Set up Claude Code, learn the six commands you actually need, and build a multi-page site by talking to your computer.

DifficultyBeginner+
Time60–90 min
You'll needClaude Pro subscription ($20/mo) · Mac, Windows, or Linux · Terminal (already on your computer)
You'll buildA working local development setup and a multi-page website built entirely through conversation — with Claude Code reading, writing, and organizing the files for you.

Chat-based AI coding has a ceiling: you're the courier, copying code between the chat window and your files, and the AI can only see what you paste. Claude Code removes the courier. It runs in your terminal, sees your whole project folder, creates and edits files itself, and runs commands. For multi-file projects, it's the difference between dictating a letter and having a contractor in the room.

Step 1 — Open the terminal (the only scary part)

Mac: press Cmd+Space, type Terminal, hit enter. Windows: install from the Claude Code site or use PowerShell. The blinking cursor is just a chat box for your computer. You need exactly six commands as a civilian, and the first three are: pwd (where am I), ls (what's in this folder), cd foldername (go into a folder).

Step 2 — Install and start

Follow the current install instructions at the official Claude Code page (one command). Then:

mkdir my-first-site   # make a project folder
cd my-first-site      # go into it
claude                # start Claude Code

You're now in a chat that lives inside your project folder. Everything you and Claude build lands here as real files.

Step 3 — Give it a project brief, not a command

Build a 4-page static website for [a local lawn care business]: index.html, services.html, pricing.html, contact.html. Shared navigation and footer on every page, one shared style.css, mobile-friendly, [forest green and cream] color scheme. Use placeholder text I can edit later, and put all editable business details (name, phone, prices) in obvious spots at the top of each file. When done, tell me how to preview it.

Watch what happens: it plans, creates each file, and reports back. When it asks permission to create or edit files, that's the safety model working — read what it wants to do, then approve.

Step 4 — The review loop

Open index.html in your browser (double-click it in your file manager). Walk through every page like a picky client, then come back to the terminal with the punch list: 'the nav overlaps the logo on phone-width screens', 'pricing table needs a third column', 'make the contact page form post to formspree placeholder'. Claude Code edits the actual files — no copying.

Worth knowingMagic command: ask Claude Code to 'review all four pages for inconsistencies in navigation, footer, and styling, and fix them'. Cross-file consistency is exactly what chat-window coding is terrible at and agentic coding is built for.

Step 5 — Learn the project-memory trick

Ask Claude Code to create a CLAUDE.md file describing the project: what it is, the color scheme, the file structure, your preferences ('always mobile-first, never add JavaScript frameworks'). It reads this file automatically in future sessions — meaning next week, you open the terminal, type claude, and it already knows the house rules.

Step 6 — Ship and establish the habit

Upload the folder's files to your host (File Manager → public_html) and you're live. The habit that compounds: one project = one folder = one CLAUDE.md. Do that, and every project you start gets easier than the last — which is the real reason developers are migrating their whole workflow to this tool.

Keep going

Need somewhere to put it live? See where to host AI-built sites. Compare tool costs on the pricing tracker (or stick to the free options), then pick your next build.