10 min / beginner / 5 steps

Build a Quiz Game About Anything

Tell Claude a topic. Get a fully playable quiz with scoring, hints, and multiple choice. No coding and no setup needed.

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.

follow along in

You need: A Claude account. Open claude.ai in a browser, or the Claude desktop app.

  1. step 01 / 05

    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.

    Prompt
    I want to build a quiz game. What topics work well?

    what you should see

  2. step 02 / 05

    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.

    Prompt
    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, a hint button that costs 1 point, and a fun results screen at the end. Everything in one file called office-quiz.html.

    what you should see

  3. step 03 / 05

    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.

    Prompt
    I saved the file and opened it in Chrome. It works! How do I open it on my phone to show friends?

    what you should see

  4. step 04 / 05

    Customize 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.

    Prompt
    The quiz is working great. Can you add: a countdown timer (20 seconds per question), a difficulty selector at the start, and make it save your high score even after you close the browser?

    what you should see

  5. step 05 / 05

    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.

    Prompt
    How do I put this quiz online so I can share a link? I do not have any hosting set up.

    what you should see

Tell someone what you built

Just finished "Build a Quiz Game About Anything" on Claude Code Guide. Took about 10 min, and it's free: https://claudecodeguide.dev/tutorials/quiz-game

New guides, when they ship

One email, roughly weekly. CLAUDE.md templates, workflows I actually use, and the cut-for-length stuff that does not make the public guides. One-click unsubscribe.

Or read Product Field Notes, the Substack