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 نمطًا لمكونات التعلم، وتتبع التقدم، والتكرار المتباعد، والاستكشاف التفاعلي بأسلوب Bret-Victor - كل ذلك مع جمالية Geist المظلمة الأولى. المصدر: vercel-labs/skill-geist-learning-labs.