Get set up
A few free tools to install before the class. Work through the list at your own pace — tick each step as you go and your progress is saved in this browser. Stuck on any step? Flag it and we'll sort it out together.
Your progress is saved automatically in this browser — no account needed.
This is where you'll design your website on Day 1, just by chatting. The free plan works for the class; Claude Pro gives you more room to keep iterating.
GitHub is where your website's files live online — think of it as cloud backup with a full history of every change.
Cloudflare is where your finished site goes live on the internet — for free, with a web address you can share.
Two Mac versions. Most Macs from 2021 onward are Apple Silicon — check the Apple menu → About This Mac; an "Apple M-series" chip means Apple Silicon.
Open the downloaded .dmg and drag RemADE into your Applications folder.
Run the downloaded installer and follow the prompts (the defaults are fine).
Make the downloaded AppImage executable, then run it.
Click the package manager button (the package icon) in the top-right header bar, then click Install next to Node.js.
$claude The first time, it opens your browser to sign in with your Claude account.
Aim for three to five. They don't have to be in your industry — you're gathering a feel for layout, colours, and tone, not copying anyone.
On Mac, press Shift + Cmd + 4 to drag a box around any part
of the screen; the image saves to your Desktop.
On Windows, press Win + Shift + S to drag a box around any
part of the screen, then paste or save the image.
On Linux, use your screenshot tool (often the PrtSc key) to capture a region and save
the image.
On Day 1 you'll show these to Claude as a starting point — it's much easier to say "something like this" than to describe a design from scratch.
$node -v You should see a version number like v22.x.x.
$claude --version