Quick Vibe-Coded eLearning

Baillies Brewery: eLearning for “Beertenders”

This is my entry for Tim Slade's The eLearning Designer's Academy's May 2026 Challenge, where entrants could pick any of the previous monthly challenges and take a stab at making something in Claude Design.

I went back a year and chose the May 2025 challenge, which was creating some eLearning for “beertenders” at the fictional Baillies Brewery, in this case focusing on the pub's six different drink selections, what foods to pair them with, and how they lined up with different customers' tastes.

In the challenge, Tim provided the brand style guide and some logos and fonts to establish the Baillies brand. I fed those into Claude Design, gave it a prompt for the general structure and purpose of the module. It asked several questions about what I had in mind for various stylistic choices, what kind of interactive features to include, and so forth.

Early results were pretty impressive -- it even came up with some pretty realistic names and content for each of the beer types (I had only provided it with basic descriptors like German pilsner, IPA, and so forth.)

As I refined things a bit more, I ran into things that didn't work as well — it blows through token limits pretty quickly, for one thing, and Anthropics's general avoidance of the image generation space means it can only come up with rudimentary SVGs that sometimes look good (the beer glasses) and other times not so much (the customer images). Maybe it could get better with further refinement but that's hard to do given the token limits.

See Project