Vibe Code Show & Tell: Business Card Game

Vibe code show & tell: can I challenge you to get the high score on my business card?

I went to the RALLY conference here locally this past week, and I wanted to be able to easily share my info with folks I talked to. I also wanted to leave them with something memorable I could build with AI.

So I started with the easy part and built a mobile first page for my website sharing LinkedIn, vCard, and newsletter sign up.

Then, I wanted an easy way to bring up a QR code, so I added another mobile page with a code that direct linked to the business card page that I could add to my Home Screen for easy access.

This was all easy enough to put together in Claude code in less than an hour or so and something you can use one of many little services to do for you, but I wanted something that had a better chance of sticking with people past a conversation, and combined with the theme of my website, thought a game would be good.

I talked it through with my ai friends and experimented with a couple of suggestions, but it was eventually my good old human legacy brain that came up with the idea for a breakout inspired game. 5 minutes later Claude code had the core mechanics of what became the game on my business card.

I then spent a couple more sporadic hours (mostly from the couch talking to Claude code via GitHub) adding tweaks to make it a better game like chain scoring and bonuses for lives remaining, and a public scoreboard.

Learnings from the conference: make the game shorter, anything more than 30 seconds and you start to distract from the conversation and people abandon - you at least need an off ramp, ideally one that gives them an opportunity to come back later if they want to play the whole game and maybe take one of the other actions I hope they take later.

My goal is to be the person a lot of people think of when they think of ai and code, which will someday lead to more business. Hopefullly this reinforces that.

Join the conversation on LinkedIn