Live examples¶
These pages embed production builds of the monorepo examples, compiled when the documentation site is built (CI and Read the Docs). Each course uses the same modern LMS layout (sidebar curriculum, progress ring, lesson cards) with a different color theme and scenario content. Open your browser developer console to see telemetry and xAPI log output.
Local preview
From the repo root, run bash docs/scripts/build-docs-demos.sh before make html in docs/ so the bundles exist under _static/demos/.
LessonKit Studio
The visual editor lives in its own docs section: LessonKit Studio → Live app.
Cybersecurity awareness (examples/react-vite)¶
Corporate InfoSec annual module in the security theme: policy attestation, email header triage, smishing simulation, Teams social engineering, and attestation.
Data privacy essentials (examples/data-privacy)¶
GDPR compliance track (compliance theme): lawful-basis lab, audit case files, role-based minimization, and incident tabletop.
Customer de-escalation (examples/customer-service)¶
Contact-center training in the support theme: channel briefing, chat bubbles, voice pacing, and branching resolution paths.
Workplace safety briefing (examples/lxpack-golden)¶
Warehouse new-hire briefing in the compact field theme: PPE sign-off, photo hazard walk, quiz, and practice near-miss form (LXPack smoke test).
Framework 1.1 showcase (examples/framework-11-showcase)¶
Recommended starting point for 1.1. Incident Response course covering 1.0 foundation blocks (Scenario, Quiz, Reflection, …) and every 1.1 P0 assessment (TrueFalse through AssessmentSequence). Uses block catalog v2.
Framework 1.2 showcase (examples/framework-12-showcase)¶
Recommended starting point for 1.2. A four-lesson Atlas Analytics course that demonstrates every new block: content (Text, Heading, Image), compound containers (Page, InteractiveBook, AssessmentSequence), Tier C/D presentation, and P0 assessments including FindHotspot / FindMultipleHotspots.
Interactive book (examples/interactive-book)¶
Compound Page and InteractiveBook patterns (framework 1.2). Source-only on this site—run locally from the monorepo.
Assessment showcase (examples/assessments-p0)¶
P0 blocks: TrueFalse, drag/drop, hotspots, fill-in-blanks, and related types. Source-only on this site.
Run examples locally¶
Requires a clone of the monorepo and npm run build:packages first (examples use file:../../packages/*).
npm install
npm run build:packages
npm -w lessonkit-example-react-vite run dev
npm -w lessonkit-example-data-privacy run dev
npm -w lessonkit-example-customer-service run dev
npm -w lessonkit-example-lxpack-golden run dev
npm -w lessonkit-example-framework-11-showcase run dev
npm -w lessonkit-example-framework-12-showcase run dev
npm -w lessonkit-example-interactive-book run dev
npm -w lessonkit-example-assessments-p0 run dev
Packaging walkthrough: Packaging and CLI. Full index: examples/README.