Between us, we've vibe-coded over a dozen interactive teaching tools this year — token visualizers, prompt coaches, hallucination games, automation bias simulations, fairness explorers, document tech galleries. The tools are different, but the pattern has been the same: see a pedagogical gap, describe what you want, and have AI build it.
In this session, we'll pull back the curtain on how we actually build these tools — the prompts, the workflow, the iteration, and the judgment calls that make vibe coding work for legal education. We'll show real examples side by side: the pedagogical problem, the tool we built, and what it took to get there. We'll talk honestly about what vibe coding is good at, where it falls apart, and why the people closest to the teaching problem should be the ones building the solution.
Then we'll turn it over to you. Whether that means building something live in the room or walking away with a workflow and resources you can use that evening, our goal is the same: by the end of this session, you should believe you can do this too — because you can.
No prior coding experience required. That's the whole point.
Blog Posts
A collection of writing from the presenters on their experience vibe coding:
This tool will help you build simple single-page webapps, what Simon Willison calls HTML tools. First you'll need to select a tool to build with (i.e., ChatGPT/OpenAI, Claude/Anthrpic, or Gemini/Google). We recommend going with the tool for which you have a login. After that, you'll need to describe what you want to build. If you don't have an idea yet, you can use the examples provided.
Step 2: Once you have your specifications ready, ask the tool to go ahead and build it, or paste the specifications into the tool to Google's AI Studio, Replit, or Lovable.dev to get started. The first version probably won't be perfect, but that's ok! You can ask the tool to fix any problems. If you want to make use of an LLM in your project, that's a bit more advanced than a simple web app. So we suggest using Google's AI Studio and removing the line that starts The final product should be a simple single page webapp built with... from your prompt in Step 1.
Step 3: Once you have something you like, share it with your students by uploading it to a web server,† or if you used AI Studio, Replit, or Lovable.dev, publish and share. Consider uploading your project to a new chat and asking it to produce some test you can run to make sure everything is working as expected.
† If you don't have access to a web server, making a GitHub account is a free and easy way to share your file. You can upload it to a GitHub repository and then enable GitHub Pages to make it publicly accessible on the web. Here's a helpful guide on how: Creating a GitHub Pages site.