Before you start

Let's get you set up to build.

Three downloads and you are ready. Open each link, install it, then come back here and hit the button.

• 1

  Download Claude for desktop

  Windows or Mac. Install it, open it, and sign in.

  Download →
• 2

  Pick a paid plan $20/mo minimum

  We recommend Pro at $20 a month as the minimum. The free plan does not include Claude Code.

  See plans →
• 3

  Download Python

  Grab the latest version. On Windows, tick Add python.exe to PATH on the first install screen.

  Download →

2 Your class code

Enter the code from class.

Your instructor will share it. It unlocks the rest of the setup.

3 Your workspace

Download your repo folder.

This is the folder Claude will work out of. It has three empty folders inside, ready to fill:

• Assets

  Logos, photos, anything visual.

• HTML's

  The pages and tools Claude builds for you.

• Markdown Files

  Notes, instructions and prompts Claude can reread.

This zip only holds three empty folders. There is nothing to install or run.

4 Move it

Drag the folder to your desktop.

1. Open your Downloads folder and find repo.zip.
2. WindowsRight-click it, choose Extract All, then Extract. MacDouble-click it.
3. Drag the new repo folder (not the .zip) onto your desktop.

Didn't download? Try the download again.

5 Connect

Point Claude at your repo folder.

Open the Claude desktop app. Below the message box, click the folder picker and choose repo from your desktop. That is the folder Claude will read from and save into.

Illustration only. Your screen may look a little different, but the folder picker sits near the message box.

6 Switch modes

Click the Code tab.

At the top left of the Claude desktop app there is a switch between Chat and Code. Click Code. This is Claude Code, the mode that can build files in your repo folder.

7 Your brand

Paste your website.

Claude will pull your colours and fonts from it, so your first build looks like you. No website? Skip it and we'll hand Claude a brand to use.

8 Your first prompt

Copy your first vibe coded prompt.

10 Grab your code

Copy the HTML Claude made.

1. In Claude, right-click the index.html file it just created and choose Show in Explorer.
2. In the Explorer window, right-click the file, choose Open with, then Notepad. This shows the code. A plain double-click opens it in your browser instead, which shows the page, not the code.
3. Click inside Notepad, press Ctrl + A to select everything, then Ctrl + C to copy it.

1. In Claude, click the index.html file it just created. It opens in a side panel.
2. Click anywhere inside the code, then press ⌘ Cmd + A to select all of it.
3. Press ⌘ Cmd + C to copy it. Next screen, you'll paste it.