Build a Quiz Game About Anything
Tell Claude a topic. Get a fully playable quiz with scoring, hints, and multiple choice. No coding required. Zero setup. Just vibes.
You are going to build a real game. Not a prototype, not a mockup: an actual playable quiz you can open in your browser right now. Pick literally any topic (world history, Taylor Swift albums, Premier League trivia, your favorite TV show, whatever) and Claude will write all the code for you. Ten minutes from now, you will be playing something you built.
Pick your topic
The best quiz games are about something you actually care about. Think of a topic you know well, or one your friends would enjoy. It can be as broad as "world geography" or as specific as "SpongeBob SquarePants episodes from season 3". The more specific, the more fun. You are going to tell Claude exactly what you want.
Generate the game
One prompt. That is all it takes. Describe your quiz topic to Claude and ask for a self-contained HTML quiz game with multiple choice questions, scoring, a hints system, and a results screen. Claude will write everything: the HTML structure, the CSS styling, and the JavaScript logic. You do not need to touch any code.
claude "Build me a self-contained HTML quiz game about The Office (US TV show).
Include:
- 10 multiple choice questions with 4 options each
- A scoring system that tracks correct answers
- A hint button for each question (costs 1 point to use)
- A results screen at the end with a rating based on score
- Fun, colorful styling that fits the Office theme
- A restart button
Put everything in one file called office-quiz.html"Play it yourself
Open the file in your browser and play through it. Try every feature: answer a question correctly, answer one wrong, use a hint, reach the results screen. This is the most important step because you are about to ask Claude to customize it, and you need to know what is already working.
# On Mac
open office-quiz.html
# On Windows
start office-quiz.html
# Or just drag the file into any browser windowCustomize it
The quiz works. Now make it yours. You can ask Claude to add a countdown timer, difficulty levels, more questions on the same topic, a different visual theme, sound effects (yes, really), or a high score tracker that saves between plays. Each customization is one conversation message.
# Add a countdown timer
claude "Add a 20-second countdown timer to office-quiz.html.
Show it visually with a color that turns red when under 5 seconds.
If time runs out, auto-advance to the next question and mark it wrong."
# Add difficulty levels
claude "Add an Easy/Medium/Hard selector at the start of office-quiz.html.
Easy: 30 seconds per question, hints cost nothing.
Medium: 20 seconds, hints cost 1 point (current behavior).
Hard: 10 seconds, no hints allowed."
# Change the theme
claude "Restyle office-quiz.html to look like the Dunder Mifflin website.
Use their navy blue and grey color scheme. Add the company logo as text at the top."Share it
A quiz that nobody else plays is a waste. The simplest option: email the HTML file directly. It is a single file with no server needed, and anyone can open it. For a shareable link you can post anywhere, Vercel and Netlify both deploy static HTML files for free in about two minutes.
# Option 1: Deploy to Vercel (get a shareable link)
npx vercel office-quiz.html
# Option 2: Netlify Drop (no account needed)
# 1. Go to app.netlify.com/drop
# 2. Drag and drop your office-quiz.html file
# 3. Get a link instantly
# Option 3: GitHub Pages (free, permanent)
# 1. Create a repo on github.com
# 2. Upload office-quiz.html as the main file
# 3. Go to Settings > Pages > Deploy from main branch
# 4. Your URL: https://yourusername.github.io/your-repo-nameShare what you built
Let your network know. Pre-filled post (edit before posting).
Just completed "Build a Quiz Game About Anything" on Claude Code Guide in 10 min. No coding experience needed. Claude does the work, you do the thinking. 👇 Free tutorial: https://claudecodeguide.dev/tutorials/quiz-game
What's next?
Build a meme generator