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.
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.
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.