Claude Code, for people who do not code

Build your first page, no terminal needed

25 min

Here is the destination: a page of your own, with your name on it, a search box that works, and content you chose. It opens in any browser. By the end of this lesson it exists, and you will not have touched a terminal. That door comes next, and by then you will not need courage for it.

You already have the workshop from Module 2: the Claude Desktop app. Next to Chat and Cowork there is a third tab, Code. It is Claude Code with a visual face: you describe, it builds, and it shows you every change as a before and after that you approve or reject with one click. A built-in preview shows the page growing as you go.

  1. Create an empty folder called my-first-page, the normal way, in Finder or Explorer.
  2. Open the Code tab, choose Local, and select that folder.
  3. Paste the prompt below, edited to something you care about, and approve the plan it proposes.
Practice
Before writing any code, ask me 3 or 4 questions, then propose a short plan. I want a beautiful single page website: a personal collection page for my [favorite films / travel photos / books to read] with a search box and a way to filter by category. It must work by just opening the file in a browser, no installation. Use placeholder content I can easily replace.

When it finishes, open the preview, or find index.html in your folder and double-click it. That page exists because you described it. Now ask for two changes and watch them land.

If it went wrong

No Code tab? Update the desktop app to the latest version and sign in again. Build fails or the page opens blank? Paste the error or a screenshot back in and say "fix this". Fixing is the workflow, not a detour.

Done when: your page is open in a browser and you changed at least two things about it just by asking.