Visual Literacy in the Age of Machine Vision

*A quick glossary — I'm not a coder either, so I had to learn these too

• Git — the tool that records every change Claude and I make to the code, like an infinitely detailed, timestamped edit history I can always look back through.
• Repo (repository) — the project's folder, once git is tracking it.
• Commit — one saved checkpoint of changes, with a note about what changed. Every "N commits" number on this page is really "N checkpoints saved that day."
• ONNX — a file format for AI models that lets them run right inside a browser, on your own device, with no server involved at all.
• Fluid Engine — Squarespace's own drag-and-drop page-building system.
• Serverless backend — code that runs on someone else's computer instead of the visitor's browser, so it can talk to other services, without me having to manage a whole server myself.
• CSS specificity — the rulebook browsers use to decide which style wins when two conflicting style rules both try to apply to the same thing on the page.
• SEO fields — the title and description a search engine like Google reads to know what a page is about.
• How this actually worked — Claude wrote nearly all of the literal code. My job was direction: deciding what to build, catching what felt wrong, testing it myself, and approving what shipped. When this page says “I built” or “I fixed” something, that's shorthand for that whole loop — not a claim that I typed every character myself.