Table of contents

The whole path

Jump straight to any part. You can always come back — tap the 🌳 in the corner.

🔑 Get your own API key

The free workshop key gets switched off in a few days. To keep using Claude Code after that, get your own MiniMax key — it's cheap and takes about two minutes.

1. Go to minimax.io and sign in (or create a free account).
2. Open the API Keys section of your account and click Create new key.
3. Copy the key right away and keep it somewhere safe — you usually can't see it again after you close the box.
4. Open your settings file (next step) and paste the key in place of PUT-YOUR-KEY-HERE. Save. Restart Claude Code. 🎉

Your settings file — and where it goes

Open .claude/settings.json in any plain-text editor (TextEdit on Mac, Notepad on Windows, or VS Code), paste this in, and drop your key into ANTHROPIC_AUTH_TOKEN:

{
  "env": {
    "ANTHROPIC_BASE_URL": "https://api.minimax.io/anthropic",
    "ANTHROPIC_AUTH_TOKEN": "PUT-YOUR-KEY-HERE",
    "API_TIMEOUT_MS": "3000000",
    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1",
    "ANTHROPIC_MODEL": "MiniMax-M2.7",
    "ANTHROPIC_DEFAULT_SONNET_MODEL": "MiniMax-M2.7",
    "ANTHROPIC_DEFAULT_OPUS_MODEL": "MiniMax-M2.7",
    "ANTHROPIC_DEFAULT_HAIKU_MODEL": "MiniMax-M2.7"
  },
  "theme": "light"
}

Where the file lives — it goes in a folder named .claude in your home folder:

• Mac / Linux: ~/.claude/settings.json
• Windows: C:\\Users\\<your-name>\\.claude\\settings.json

The folder starts with a dot, so it may be hidden. If you don't see .claude, make it: on Windows, in Notepad use Save as type → All Files so it doesn't become settings.json.txt.

The one big idea

Create → Save → View

Everything today is just this little loop. Get it in your bones and the rest is easy.

Choose your path

How do you want to work?

Same loop either way — pick whatever feels comfortable. You can switch later.

Not sure? Pick Keep it simple. You'll still make the exact same page.

Step 1 — Open your AI chat

Anything you can chat with works. If you're not sure, use Claude.

1. Go to claude.ai in your browser (or ChatGPT — whatever you have).
2. Sign in. You'll see a box where you can type a message.
3. That's it — you're ready. Keep this tab open the whole time.

Step 2 — Ask it to build your page

Paste this in. Change the [brackets] to be about you.

Make me a personal home page as a single HTML file.

About me: my name is [YOUR NAME] and I care about [A FEW THINGS].

Please include:
- A friendly header with my name and one sentence about me
- "Links I love" — a few of my favorite websites
- "What I'm up to" — 2 or 3 things
- A footer with how to reach me

Make it warm, simple, and easy to read. Put the styling in the
same file. Then walk me through, step by step, how to save it as
home.html and open it in my browser — like I've never done it before.

💡 The last lines matter: you're asking the AI to coach you through saving and opening it. Always do that.

Step 3 — Save it, then open it

1. Save it — the easy way. Most AI apps have a Download or Save button on the page it made. Click it. The file drops into your Downloads folder. ✅
2. No button? Copy instead. Copy all the code, paste it into TextEdit (Mac) or Notepad (Windows), then Save As → name it home.html.
3. Double-click the file — right from your Downloads (or wherever it saved). It opens in your browser.

Step 4 — Now change one thing

This is the whole game. Find something you'd like different and go around the loop again.

1. Back in the same chat, say what you want changed (example below).
2. It gives you new code — copy all of it.
3. Open home.html, select all, delete, paste the new code, Save.
4. Go to your browser and hit Refresh. See the change. 🪄

Change my home page: make the header a calm blue, and add a link
to my favorite recipe site. Give me back the full updated file.

Step 1 — Open Claude Code

It works right in your folder and edits files for you — no copy-pasting.

1. Open Claude Code (in your terminal, or the desktop / VS Code version).
2. Point it at a folder for this project — e.g. a new my-home folder on your Desktop.
3. You'll get a prompt to type into. Ready.

On Windows? Install Claude Code with one command — paste this into PowerShell:

winget install --id Anthropic.ClaudeCode -e

New to Claude Code on Mac/Linux, or stuck? Ask your AI “help me install Claude Code” — or ask your workshop host. Then come back here.

Step 2 — Ask it to build the file

This is the easy path — it writes the file for you, no copying. Just edit the [brackets].

Create a file called home.html — a personal home page in one file.

About me: my name is [YOUR NAME] and I care about [A FEW THINGS].
Sections: a friendly header, "Links I love", "What I'm up to",
and a footer with how to reach me. Warm, simple, easy to read.

After you make it, tell me how to open home.html in my browser.

Step 3 — Open it in your browser

Claude Code already saved the file. Now go look at it.

1. Find home.html in your my-home folder.
2. Double-click it. It opens in your browser.

Step 4 — Change it, just by asking

No copying. Tell it what you want, and refresh.

1. Type what you want, e.g. the line below.
2. Claude Code edits home.html and saves it for you.
3. Go to your browser and hit Refresh. Done. 🪄

In home.html, make the header a calm blue and add a link to my
favorite recipe site.

Great — let's build your thing

The loop is exactly the same. Don't overthink it: describe your idea in plain words and ask for a simple first version you can save and open.

Good first projects: a page about something you love, a simple list or tracker, a countdown, a little tool, a thank-you page, an invitation. If it can live on one screen, it's a great start.

I want to make [DESCRIBE YOUR IDEA IN A SENTENCE OR TWO].

Make me a simple first version as a single HTML file — just enough
to see it working, nothing fancy. Then walk me through, step by step,
how to save it as a file and open it in my browser, like I've never
done it before.

💡 Start small. You'll improve it with the loop — that's the next step.

Save it, view it, then change one thing

1. The AI gives you the code (or makes the file, in Claude Code).
2. Save it with a name ending in .html, then double-click it to open in your browser.
3. Find one thing you'd like different. Ask for it. Save again. Refresh.
4. Keep going around: Create → Save → View → change. 🪄

Choose your own adventure

Now make it yours

Tap any idea to see a prompt. Add it, save, refresh — same loop, forever. Mix and match.

I exported all my browser bookmarks to a file (I'll attach it / it's pasted below). Turn them into a tidy "Bookmarks" section in home.html — clean up the names and group them by topic.

Add a "My goals this year" section with a checkbox next to each goal. My goals are: [LIST THEM].

I want a photo at the top of home.html. Tell me exactly where to save my image file, what to name it, and how to add it so it shows up.

Add a row of buttons to home.html linking to my LinkedIn, Bluesky, and email: [PASTE LINKS].

Add a "Notes" section to home.html where I can jot short updates, newest at the top. Put one example note in.

Restyle home.html with a calm dark theme. Keep all my content the same — just change the colors and fonts to feel cozy.

🌐 Put your page on the internet

All of these take your raw home.html as-is — no rebuilding inside someone else's template. (That's why not Wix or Squarespace.)

Quickest share today: drag your file into Netlify Drop or tiiny.host. Want a hand, or want us to host it? Ask LinkedTrust.

You did it

You're a builder now 🎉

You made a real web page, saved it, viewed it, and changed it. That loop — Create, Save, View — is the same one behind apps, tools, and whole businesses.