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 |
Создавайте исследовательские интерактивные обучающие программы в виде приложений Next.js с помощью системы дизайна Geist. Используйте при создании учебных пособий, понятных объяснений, интерактивных уроков, изолированных программных программ, викторин или любого образовательного пользовательского интерфейса. Охватывает педагогику цикла обучения, более 23 шаблонов компонентов обучения, отслеживание прогресса, интервальное повторение и интерактивное исследование в стиле Брета-Виктора - и все это с мрачной минимальной эстетикой Geist. Источник: vercel-labs/skill-geist-learning-labs.