$ day-1 --pm · session recap

Day 1 PM Recap — From Artifacts to Claude Code Web and GitHub Pages

A follow-along, demo-driven session on using Claude’s web tools — Projects, Artifacts, and Claude Code on the web — plus GitHub and GitHub Pages, as a teaching path for first- and second-year DH classes. The framing throughout: web tools require no installs, keep students in one interface, and the skills transfer to the local power tools introduced later in the week.

A persistent theme across the afternoon: results vary between users even with identical prompts and documents, because LLMs are probabilistic and Claude draws on each user’s saved memory to interpret short prompts. The shorter the prompt, the more the model infers.

Setup and core settings

Demo 1 — Distant reading of sci-fi texts (Claude Projects)

A Project called Distant Read of Sci-Fi Texts introduced agentic analysis.

Demo 2 — A recommendation system with Artifacts (distant coding)

A new project, BuzzFeed Sci-Fi Novel Recommendation System, went deeper on artifacts (which default to “Anthropic web design studio” aesthetics unless steered).

Demo 3 — GitHub and GitHub Pages

Artifacts are trapped in Claude’s ecosystem (the publish button carries Claude branding and you can’t keep editing). To take ownership and host elsewhere, move work to GitHub — done entirely in the browser, the way you’d introduce it in an intro course.

Demo 4 — Claude Code on the web

The session closed by introducing Claude Code, what Anastasia uses “for pretty much everything.” Students start with Claude Code Web, which connects to any authorized GitHub repository with no local install.

Pointed at the fresh SciFiRex repo with review this repo, build an index.html with the same aesthetic, link the quiz, and link everything up (plus a p5.js star-field animation), Claude Code:

  1. Cloned the repository.
  2. Reviewed all files, including the uploaded quiz page.
  3. Created index.html with matching panels, logo, and buttons plus the animation.
  4. Wired up navigation, changing only the one section of the quiz file needed for the back-link.
  5. Committed and pushed to a branch (Claude Code avoids committing to main).
  6. Offered a pull request to review the diff before accepting; merging brought it onto the main site.

Why this matters pedagogically: students get full version history, complete visibility into what the AI does, easy undo, immediate hand-editing, and the ability to work across many files and larger datasets — all without installing anything. Claude Code Web is more limited than the full local power tool coming next, but it’s the on-ramp. (A “temporary server limit / too many requests” error is not a personal limit — it means Claude is overloaded, with higher-tier plans getting priority.)


Through-line of the session: doing the work yourself still yields insight into data and method that reading an AI-generated report cannot. The instructors repeatedly modeled interrogating the tool’s hidden choices — libraries, stop words, definitions, training-data biases — rather than accepting first outputs. That is the core of using these tools critically in a DH classroom.