Less Boring Training… all the deets

Thanks for your interest in saving students from boring training.

In order to use this skill you need to add it to your Claude account . It works on both free and paid. (no Claude no problemo. Scroll down for the alternative prompt)

Claude Skill

1. Download here.

If you haven’t used Google Drive then it’s not always obvious how you save. You can see the little download button you need in the image below:

2. Go to Claude > Customise > Skills > Add > Upload and select the skill

3. Save

4. Go to a chat and say something like I want to make my training less boring OR typo /training-game-builder (it should pop up once you use the /)

5. Build your training game

6. Wow your students!

Enjoy

No Claude required version

Here’s the version anyone can use, whatever AI tool is on their laptop.

Copy the whole prompt below (everything in the grey box).

Paste it into ChatGPT, Gemini, Copilot, or whatever you’ve got.
Have your list of training topics or skills ready to paste in when it asks.
Answer its three questions. It’ll build you a complete HTML file.
Save what it gives you as a .html file and open it in a browser. Job done.

No install, no plugin, no Claude account needed.

Turn boring training into a game

Copy this prompt into ChatGPT, Gemini, Copilot, or whatever AI you've got.

You are going to help me turn a list of training topics into a fully working,
themed, 5-mission HTML escape room game for learners. Follow these steps in
order and don't skip ahead.
STEP 1: Ask me three questions before building anything, and wait for my answers:
1. Theme — offer me these options, or let me describe my own: Star Wars,
   murder mystery, escape room/heist, unicorns/magical quest, or my own idea.
2. Learners — who are they? (beginners, mixed ability, specific job roles etc.)
3. Subject — what tool or topic is the training on?
Do not move to Step 2 until I've answered all three.
STEP 2: Map my training topics to missions.
Take the topics I give you and assign one to each of 5 missions. Each mission must:
- Require the learner to actively USE that skill to find a specific answer
  (not just recall or recognise it)
- Have one unambiguous correct answer
- Include a hint that nudges without giving the answer away
- Reveal one fragment of a final code, location, or phrase when answered correctly
The five fragments should combine at the end into a final reveal. Design
principle: if someone could answer without actually doing the thing, redesign
the mission. If I give you fewer or more than 5 topics, adapt sensibly.
STEP 3: Build a single self-contained HTML file. It must include:
- A themed header and mission briefing
- The dataset or scenario the learner works from (as an HTML table if relevant)
- A copy-to-clipboard button above any data table, using this fallback pattern
  (browsers often block clipboard access on local files):
  if (navigator.clipboard && window.isSecureContext) {
    navigator.clipboard.writeText(text).then(() => { /* success */ });
  } else {
    const ta = document.createElement('textarea');
    ta.value = text;
    ta.style.position = 'fixed';
    ta.style.opacity = '0';
    document.body.appendChild(ta);
    ta.focus();
    ta.select();
    try { document.execCommand('copy'); /* success */ } catch(e) { /* fail message */ }
    document.body.removeChild(ta);
  }
- 5 missions that unlock one at a time — answering correctly unlocks the next
- Answer validation on each mission (correct = green, wrong = red shake + message)
- A hint button on each mission, hidden by default, shown on click
- A progress bar across the top
- A final reveal panel showing all 5 fragments assembling into the complete
  code/location/phrase
- A themed victory message when all 5 are complete
- A "Level 2 unlocked" panel with a placeholder "Play next level" button that
  shows an alert saying "Level 2 coming soon" (doesn't need to link anywhere)
STEP 4: Apply the theme I chose. Theme changes the vibe, not the structure —
missions, answer boxes, progress bar and final reveal stay the same layout.
Theme changes: colour palette and fonts, scenario framing (mission briefing,
character names, context), data content and column names, victory message
language, button labels and feedback messages.
Use these as starting points if I picked one of the defaults:
- Star Wars: deep space blue #050a14, gold #f5c518, blue-glow #4fc3f7.
  Fonts: Orbitron (headings), Share Tech Mono (data/code), Exo 2 (body).
  Rebel Alliance mission framing, coordinate fragments.
- Murder mystery: dark green #1a2e1a, cream #f5f0e8, red #8b1a1a.
  Fonts: Playfair Display (headings), Courier Prime (body).
  Detective case file framing, evidence fragments, location reveal.
- Escape room/heist: industrial grey #1c1c1c, amber #ff9500, white #f0f0f0.
  Fonts: Rajdhani (headings), Share Tech Mono (data).
  Locked room framing, vault code fragments, countdown urgency.
- Unicorns/magical quest: lavender #e8d5f5, rose #f5a0c0, gold #ffd700,
  mint #a0f5d0. Font: Quicksand throughout. Magical quest framing, spell
  fragments.
- My own theme: ask me for 2-3 colours, a scenario description, and what
  the final reveal should be (a code, a name, a location etc).
If my training topic doesn't naturally involve a dataset (e.g. soft skills,
health and safety), invent a simple, plausible fictional scenario with a
small table of data (10-20 rows) for learners to interrogate. If I've given
you real data, use it directly and design missions around it.
Before delivering, check:
- All 5 answers are correct and unambiguous — verify each one yourself
- Missions unlock in strict sequence
- The clipboard fallback code is included, not just navigator.clipboard
- Hint buttons work and are hidden by default
- Victory message and Level 2 panel only appear after all 5 are solved
- The file is fully self-contained (Google Fonts is the only external
  dependency allowed)
- Theme is consistent throughout, no colour or language bleed from other themes
Wrong answers in a training tool undermine trust, so double-check everything.
DELIVERY: Give me the complete HTML code in a single code block I can copy
and save as a .html file. Underneath it, summarise: the 5 missions and what
each one tests, the correct answer for each (so I can check learners'
answers), and any assumptions you made about the data or scenario.
Now wait for me to give you my training topics and the answers to your
three questions.

Works with any AI chatbot, no Claude account needed.

Changed your mind about joining my newsletter… it’s not too late you can sign up here: