Build interactive learning experiences that teach by making the learner do something, get feedback, and iterate — using Geist's dark-first, minimal, precise UI language.
| Orient | What you'll learn in 5-10 min | Heading + learning objective | | Attempt | Learner predicts/answers/edits first | QuickCheck, CodePlayground, ParameterDock | | Feedback | Immediate + specific response | Feedback surface (green/red panel) | | Explain | Short explanation anchored to their attempt | Callout, WorkedExample |
| Extend | Variation, edge case, or transfer task | BeforeAfterSplit, ConceptExplorer | | Checkpoint | Quick recall question | QuickCheck with ConfidenceRating | | Reflect | "What changed in your understanding?" | Optional text input or self-rating |
Crea esperienze di apprendimento esplorative e interattive come app Next.js utilizzando il sistema di progettazione Geist. Da utilizzare durante la creazione di tutorial, spiegazioni esplorabili, lezioni interattive, sandbox di codice, quiz o qualsiasi interfaccia utente didattica. Copre la pedagogia Learning Loop, oltre 23 modelli di componenti di apprendimento, monitoraggio dei progressi, ripetizione spaziata ed esplorazione interattiva in stile Bret-Victor, il tutto con l'estetica minimale di Geist. Fonte: vercel-labs/skill-geist-learning-labs.