Day 02Week 1 · Build week

Day 2 — A game and a program

Two very different kinds of software in one session: a browser game your friends can play, and a program that does a real chore on your computer. Along the way you learn the dialogue pattern that makes agents build what you actually meant.

Today's goal

Build and publish a small browser game, then build a program that organizes files on your computer — both by directing Codex through the describe → plan → approve dialogue.

You need: your laptop with Codex from Day 1 · your Netlify account · about 90 minutes.

Block A The game We pick a game concept, describe it precisely, review the agent's plan before any code exists, then build, play, and tune it. The dialogue pattern you practice here is the one you'll use for every build in this course.

A game is software with three parts: rules (what's allowed), state (what the game remembers — score, lives, positions), and reaction (what happens when you act). The agent writes all the code; your job is the design: what makes it fun, what makes it fair, when it ends. Pick your concept:

Click each card to see what that game teaches you. Pick whichever you'd actually show a friend — you'll build it in the next step.

🐍 Snake — guide a growing snake to food, don't hit the walls.
🃏 Memory pairs — flip cards two at a time, find all the matching pairs.
🧺 Catcher — things fall from the top, you move a basket to catch them.
1

Describe the game — and demand a plan

Watch the dialogue pattern first. Three moves: describe the result, add the details that matter to you, ask for a plan before code.

The dialogue pattern
I want a catcher game: apples fall from the top, I move a basket with arrow keys. Catch = +1 point, miss 3 apples = game over. It should get faster as the score grows. Before you build — show me your plan in 5 bullets and wait for my OK.
Plan: 1) one HTML file with a game area · 2) basket moves with ← → keys · 3) apples fall at growing speed · 4) score counter and 3 lives shown on top · 5) game-over screen with a restart button. Build it?
yes — and make the apples red circles for now, we'll style later.

New folder my-game, new Codex thread, and send your version — your game, your rules:

PROMPT — adapt to your chosen game
I want a [snake / quiz / catcher] game in the browser.

Rules: [how you play, in 2–3 plain sentences]
Score: [what counts as a point, when the game ends]
Feel: [one sentence about looks or mood]

One HTML file, plain HTML/CSS/JS, no libraries, everything in this folder.
Before you build, show me your plan in 5 bullets and wait for my OK.

Step done when: you read the plan, corrected at least one bullet (there's always something), and approved it.

2

Play it — that's verification

Open index.html in your browser and actually play, looking for the gap between rules-as-described and rules-as-built: does the score count right? does the game end when it should? does anything feel unfair?

Step done when: you've played 3 rounds and written down (or remembered) 2 things to change.

3

Tune it — game design by conversation

Send your two changes as plain requests. Tuning is where a game becomes yours:

PROMPT — tuning examples
The game gets hard too fast — make the speed grow twice as slowly.
Add a "best score" that survives page reload.
When I lose, show a funny message instead of just "game over".

✦ You just did game design. The programming happened somewhere below you, where it belongs.

Step done when: both of your changes are in and verified by playing.

Block B The program A program is software without a webpage: it runs on your machine and does a job — here, cleaning up a messy folder. We practice the one safety rule that matters when software touches your real files: work on a copy first.

Websites and games live in the browser. A program just does work: rename a hundred files, sort a folder, produce a report. No visuals, pure usefulness — and it's where agents save you the most hours at your actual job.

4

Make a safe copy to practice on

Our program will organize a messy folder. Never point a new program at real files — ask Codex to build a playground first:

PROMPT — copy & paste into Codex (new folder: my-organizer)
Create a folder here named "playground" and fill it with 30 fake files of mixed types: some .jpg, .pdf, .docx, .mp3, .zip, with realistic messy names. These are for safely testing a program we'll write next.

Step done when: you open playground in Explorer and see the mess — 30 fake files, ready to be organized.

5

Describe the program — same dialogue pattern

PROMPT — copy & paste into Codex
Write a program that organizes the "playground" folder: create subfolders by file type (Images, Documents, Music, Archives, Other) and move each file into the right one.

Two safety rules: it must only ever touch the "playground" folder, and it must first PRINT what it plans to move — and ask me before actually moving anything.

Show me your plan in 4 bullets and wait for my OK.

The two safety rules are the lesson: limit where it can act, and dry-run before real run. You'll use both rules for every program you ever commission.

Step done when: plan approved; the program printed its intentions and asked permission.

6

Run it and verify in Explorer

Let it move the files, then look with your own eyes: open playground — five tidy subfolders, everything where it belongs? Try dropping in 3 new fake files and running it again.

✦ That program is yours forever. Point it at your real Downloads folder whenever you're ready — you know the safety rules now.

Step done when: the playground is organized, and a second run handles new files correctly.

7

Turn it into a real program — one double-click .exe

Right now the organizer runs only when the agent runs it. A real program is a file: double-click, it works, no agent needed. Ask Codex to package it:

PROMPT — copy & paste into Codex
Package the organizer as a standalone Windows program: one .exe file I can double-click, no installation needed on the computer that runs it. Use PyInstaller — install whatever you need yourself. When it's built, tell me the exact path of the .exe and how to test it.

Copy the .exe to your Desktop and double-click it. Point it at the playground folder and watch it work — with no agent running.

If Windows shows a blue “Windows protected your PC” warning
  1. Click More infoRun anyway. Windows warns about every program it has never seen before — yours is brand new, so it warns. That's the whole story.
On macOS

Same idea, different wrapper: ask for “a double-clickable app for macOS”. The agent builds a .app or a .command file. On first launch use right-click → Open — macOS also distrusts new programs once.

📷 screenshot — the .exe on the Desktop + the “Run anyway” dialog (to be added)

✦ That file is a real program. You can send it to anyone with Windows — no agent, no setup. Your software.

Step done when: the double-clicked .exe organizes the playground while no agent is running.

Homework ≈ 30 minutes + one short read
Tonight

Publish your game, note the chore your future tool will kill, and read the tokens article before tomorrow.

Time estimate: 30m
  1. Open the article →
Done when:
  • Your game URL is in Telegram and at least two classmates could open it.
  • Your “most wasted time” sentence exists in your notes.
  • You can say roughly what a token is.
Short on time? Skip step 1. Publish the game as it is, post the URL, and write the one sentence — that sentence is the part tomorrow depends on.
Day complete?

Game built & published · organizer program works · reading done

Tick when the homework above is finished — it syncs to your account.

Self-checkAnswer first, then reveal

Three quick checks

What are the three moves of the dialogue pattern you used for both builds?

Describe the result → add the details that matter to you → demand a plan and approve it before code exists. Correcting a plan costs seconds; correcting a finished build costs a rebuild.

Before running a program that moves files, you set two safety rules. Which?

Limit where it can act (only the playground folder) and dry-run first (print the intended moves and ask permission before touching anything). Any program that changes real things earns trust on a copy first.

A game, a program, a website — what did the agent's role have in common across all three?

The agent wrote and ran the code; you owned the decisions and the checking. Rules, fairness, safety limits, "is this right?" — those stayed with you in every build. That division of labor is the profession.

What you can do now
  • Direct a build through describe → plan → approve.
  • Design and tune a game without touching its code.
  • Commission programs that act on files — with safety limits and a dry run.
  • Publish any folder as a second, third, tenth site.
  • Package a program into a real double-click .exe.
Next session: Your software moves to your phone — we make your site or game installable like an app, Android first. Bring your phone and its cable... actually just the phone.