Conversational
Programming
A hand-drawn skyline: the Illinois campus inked on the left gives way to an imagined future city, then to pencil sketches, then to a bare horizon line running off the page.

Walkthroughs

Your Website

Connect Codex to the course with one line, then ask the agent the question almost nobody asks it.

1 minutes · 10 steps · 2 screens at once, in step with each other: The setup page · A terminal · Codex (simulated). Captions are burned in and also available as a track.

What You're Looking At

This is a rehearsal, not a class. The two students are invented — they're the personas we use to test this course on itself — and their conversation with the agent was generated bygpt-5.6-luna, the same model the course runs on, recorded once and replayed since so the run comes out the same every time. Everything else is the software students use: the real pages, the real proxy, the real timer, the real companion. The one thing standing in for itself is the terminal, because students work in Codex and a browser can't record a terminal; that pane shows what genuinely passed through the course's proxy, and never invents output for a command that wasn't run.

Two kinds of substitution are made for publication, and only these two: where a screen would show the rehearsal rig's own 127.0.0.1 address or its scratch folder, it reads as the real one instead; and a setup token is shortened, because a token should never be shown whole even when it's a throwaway from a test database. Nothing else on any screen is altered.

The brief the students actually read is the activity page.

Step by Step

  1. 010:00The setup page

    A student on the roster signs in and finds one button. Nothing to configure, nothing to choose.

    Step 1: A student on the roster signs in and finds one button. Nothing to configure, nothing to choose.
  2. 020:06The setup page

    Pressing it mints a token and shows the line once. If she reloads the page it's gone, and she rotates for a new one.

    Step 2: Pressing it mints a token and shows the line once. If she reloads the page it's gone, and she rotates for a new one.
  3. 030:14The setup page · A terminal · Codex (simulated)

    That's the whole setup: one line, pasted into a terminal. It downloads a script and runs it.

    Step 3: That's the whole setup: one line, pasted into a terminal. It downloads a script and runs it.
  4. 040:20A terminal · Codex (simulated)

    It writes one file: Codex's own config, pointed at the course's proxy with her token in the URL. That output isn't mocked up — the walkthrough fetches the script the page hands out and runs it.

    Step 4: It writes one file: Codex's own config, pointed at the course's proxy with her token in the URL. That output isn't mocked up — the walkthrough fetches the script the page hands out and runs it.
  5. 050:31The setup page · A terminal · Codex (simulated)

    She opens the Codex app without signing in to anything. It's already talking to the course, on the course's account.

    Step 5: She opens the Codex app without signing in to anything. It's already talking to the course, on the course's account.
  6. 060:39The setup page · A terminal · Codex (simulated)

    Her first message is one the page gives her. It has the agent check its own setup and report back, and make a folder for the site she's about to build.

    Step 6: Her first message is one the page gives her. It has the agent check its own setup and report back, and make a folder for the site she's about to build.
  7. 070:51A terminal · Codex (simulated)

    Everything after this is between her and the agent — but every word of it goes through the course, which is what makes the rest of the semester possible.

    Step 7: Everything after this is between her and the agent — but every word of it goes through the course, which is what makes the rest of the semester possible.
  8. 081:02The setup page

    The setup page notices on its own. It polls the proxy, so the dot turns over without her doing anything.

    Step 8: The setup page notices on its own. It polls the proxy, so the dot turns over without her doing anything.
  9. 091:09A terminal · Codex (simulated)

    Then the brief, which is one sentence long: make a personal website. And the question from the activity page — almost nobody asks an agent this, and it costs one sentence.

    Step 9: Then the brief, which is one sentence long: make a personal website. And the question from the activity page — almost nobody asks an agent this, and it costs one sentence.
  10. 101:20A terminal · Codex (simulated)

    That's day one. No editor, no code, no account of her own — a folder, a conversation, and a site by the end of the hour.

    Step 10: That's day one. No editor, no code, no account of her own — a folder, a conversation, and a site by the end of the hour.

Recorded September 3, 2026.