🏰 Training Tavern
A 5-game AI-powered RPG training platform. From scenario to skill — one choice at a time.
The Bottleneck
LinkedIn's L&D teams train hundreds of customer-facing employees, but traditional training has three critical shortcomings: low engagement from slide decks and role-play workshops, no measurable skill development that pinpoints individual weaknesses, and no Kirkpatrick-aligned data to justify training spend. Current methods only capture pass/fail quiz scores. The platform solves this with a gamified RPG approach — branching dialogue scenarios, multi-dimensional scoring, companion progression, and a document-to-scenario pipeline that lets L&D teams generate content without developer involvement.
Architecture
| Layer | Technology |
|---|---|
| Framework | React 19 + TypeScript (Superblocks full-stack) |
| Styling | Tailwind CSS 4 + custom RPG parchment theme |
| Routing | React Router v7 (12 pages) |
| AI Backend | 5 Superblocks SDK APIs → OpenAI GPT-4o integration |
| State | Custom useSyncExternalStore hook + localStorage persistence |
| Assets | 27 custom images — 16 companion PNGs, 8 map backgrounds, 3 Wizard Larry poses |
| Accessibility | WCAG 2.1 AA — contrast, ARIA, keyboard nav, reduced motion |
Key Architectural Decisions
| Decision | Why |
|---|---|
| 5 discrete games with shared progression | Each role cohort gets tailored experience while sharing XP/level/badge infrastructure. Cross-training data unified under Kirkpatrick. |
| AI-generated over authored scenarios | Every playthrough is unique. No memorization. L&D teams generate content without developer involvement. |
| localStorage with clean data abstraction | Single-user MVP ships fast. Isolated data layer means swapping to a database requires zero UI changes. |
| Pure SVG charts (zero library dependency) | 9 chart components are lightweight, fully themed, and have no external dependency for the reporting dashboard. |
| Scribe's Desk document pipeline | L&D teams scale content creation. Paste an SOP, get a playable scenario. No developer needed. |
Status
Production-quality training platform built in Superblocks. Live as single-user demo with 5 games, 5 AI APIs, and full reporting layer. Demo walkthrough video coming soon.