Back to Game

Smartboard WOW Games

Build Kit • Svelte 5

SKILL Bridge Responsive Config Prompts
Grades 6–8
Production Build Kit

Build jaw-dropping classroom
smartboard games

A complete kit for building 8 premium interactive games for grades 6–8. Games run as iframes inside the HueGames parent platform and must look perfect on phones, tablets, smartboards, and TVs.

Read order for codex: SKILL.md → PARENT-BRIDGE.md → RESPONSIVE-UX.md → game spec

What's inside

SKILL.md →

The master skill. Tech stack (Svelte 5 runes + Vite), the "Midnight Lab" design system + tokens, smartboard/touch rules, the reusable GameShell, juice/feedback language, sound + celebration systems, and the Definition of Done.
PARENT-BRIDGE.md →

MANDATORY platform integration. Games are iframes. Parent owns START/PAUSE/RESUME/STOP and the logged-in user. Defines hue-game-bridge wiring, the three unbreakable rules, and the exact progress/result contract.
RESPONSIVE-UX.md →

MANDATORY every-screen UI. Perfect on phone (portrait + landscape), tablet, smartboard, and TV. Strict "fit the screen, don't scroll" rule, orientation-aware layouts, fluid sizing, scale-to-fit stage, safe areas + TV overscan, and full touch/remote/D-pad input.
Additional Specs
Config + GAME-CONFIG.md Prompts & Result Schema

Recommended workflow

1
Scaffold one SvelteKit + Svelte 5 project (or a route per game in one app).
2
Have codex build the shared lib/ once (shell, fx, sound, ui, actions, theme) straight from SKILL.md.
3
Wire in the parent bridge from PARENT-BRIDGE.md — build once into the page template so every game inherits it.
4
Apply RESPONSIVE-UX.md to the shell + every stage. Build the no-scroll foundation + FitStage once and reuse.
5
Build games one at a time. Each is small and self-contained.
6
Run all three Definition-of-Done checklists (master + Bridge + Responsive) before calling any game finished. Polish the named "wow moment" last and hardest.

Paste-ready prompts for codex

Per-game prompt
You are building a premium interactive classroom **smartboard** game for grades 6–8 in **Svelte 5 (runes) + Vite + TypeScript**. First read SKILL.md in full and treat it as law — the design tokens ("Midnight Lab"), the reusable GameShell, the juice/feedback rules, the sound + celebration systems, the smartboard/touch constraints, and the **Definition of Done**.

Then read games/<NN-game>.md and build that game inside GameShell, reusing the shared lib/. The bar is not "works" — the bar is a kid touches it and the class goes **"WHOAAA."** Every interaction must respond within ~80ms with motion **and** sound; drags must feel physical (lift → follow → snap with overshoot); correct answers celebrate, wrong answers are gentle and retryable. Nail the game's named **wow moment** above all else. When done, tick every box in the Definition of Done; if any is unchecked, it isn't done.
Build-the-shared-library prompt (run this first, once)
Read SKILL.md. Build only the shared src/lib/ for the suite:
theme/ (tokens.css, fonts.css),
shell/ (GameShell, Toolbar, ScoreBadge, Timer),
fx/ (Confetti, Celebration, FeedbackFlash, Particles),
sound/ (SoundManager.ts with synthesized SFX + persisted mute),
ui/ (Button, Slider, Stepper, Panel, NumberFlow),
actions/ (pressable, springDrag, autoResize).

Match the design system and Definition of Done exactly. Make the components reusable across all 8 games with clean props. Include a demo route that exercises every component so I can see the juice before building games.

Notes

Targets Svelte 5; a Svelte 4 fallback is described in SKILL.md (stores + lowercase tweened/spring).
Dark "Midnight Lab" theme is the default; a light mode ships for glare — one-tap toggle in the toolbar.
All games are landscape, touch-first, readable from the back of a room.
The 9–12 set can reuse this exact kit later — same lib/, new specs.
Smartboard WOW Games Build Kit • Integrated from src/data/readme.md