{"id":885,"date":"2026-03-03T23:31:35","date_gmt":"2026-03-03T23:31:35","guid":{"rendered":"https:\/\/dougturnbull.org\/?p=885"},"modified":"2026-03-04T15:15:05","modified_gmt":"2026-03-04T15:15:05","slug":"vibe-coding-a-sugar-speed-soccer","status":"publish","type":"post","link":"https:\/\/dougturnbull.org\/index.php\/2026\/03\/03\/vibe-coding-a-sugar-speed-soccer\/","title":{"rendered":"Vibe Coding a Sugar Speed Soccer"},"content":{"rendered":"\n

One of the main goals for my sabbatical was to gain more experience with agentic programming. I’ve recently listened to a bunch of podcasts (e.g., “Can AI Already Do Your Job”\u00a0from the Daily) about how easy it is to build a website from scratch using only natural-language prompts.<\/p>\n\n\n\n

For the past month or so, I’ve been using OpenAI’s Codex as a collaborator on a big project (more details coming soon…). It continues to blow my mind every day, whether it’s generative AI helping me refactor a major database schema, developing a dashboard to monitor and interact with web scrapers, or pulling together five former repos on GitHub into one magical monorepo.<\/p>\n\n\n\n

But the other day I was in the process of switching from OpenAI’s Codex to Anthropic’s Claude Code for obvious reasons; see\u00a0At the Pentagon, OpenAI is In, and Anthropic is Out\u00a0<\/a>from Hard For<\/span>k. I was looking for a quick warm-up exercise and wanted to spend an hour building and deploying a website fromthe perspective of a non-technical college student. (I will be teaching a freshman-level course on “Vibe Coding with Gen AI” in the fall.) My self-imposed rules were that I did not want to write a single line of computer code or draw on much of my knowledge of web programming, <\/p>\n\n\n\n

So here is what I built…<\/p>\n\n\n\n

Sugar Speed Soccer<\/a><\/h2>\n\n\n\n

My kids are pretty good at soccer, but both need to improve their agility and speed. At the same time, I read a terrifying article about “Why Are So Many Teen Girls Still Tearing Their A.C.L.s?<\/a>” where something like 1\/6 of female soccer players tear their ACLs before graduating from high school.

Here was my initial prompt:

“Can you create me a really simple webpage for my son (11 years old) and daughter (14 years old) who want to get faster at running for soccer. Maybe you could have a series of useful YouTube videos embedded into the page. It should be a single-page app.”<\/em>

With the help of my wife, we “collaborated” with Claude code through a few more interactions (summarized here):<\/p>\n\n\n\n