Build explorative, interactive learning experiences as Next.js apps using the Geist design system. Use when creating tutorials, explorable explanations, interactive lessons, code sandboxes, quizzes, or any educational UI. Covers the Learning Loop pedagogy, 23+ learning component patterns, progress tracking, spaced repetition, and Bret-Victor-style interactive exploration — all with Geist's dark-first minimal aesthetic.
Quickly install geist-learning-lab AI skill to your development environment via command line
Source: vercel-labs/skill-geist-learning-labs.
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 |
Build explorative, interactive learning experiences as Next.js apps using the Geist design system. Use when creating tutorials, explorable explanations, interactive lessons, code sandboxes, quizzes, or any educational UI. Covers the Learning Loop pedagogy, 23+ learning component patterns, progress tracking, spaced repetition, and Bret-Victor-style interactive exploration — all with Geist's dark-first minimal aesthetic. Source: vercel-labs/skill-geist-learning-labs.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/vercel-labs/skill-geist-learning-labs --skill geist-learning-labBrowse more skills from vercel-labs/skill-geist-learning-labs
Build explorative, interactive learning experiences as Next.js apps using the Geist design system. Use when creating tutorials, explorable explanations, interactive lessons, code sandboxes, quizzes, or any educational UI. Covers the Learning Loop pedagogy, 23+ learning component patterns, progress tracking, spaced repetition, and Bret-Victor-style interactive exploration — all with Geist's dark-first minimal aesthetic. Source: vercel-labs/skill-geist-learning-labs.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/vercel-labs/skill-geist-learning-labs --skill geist-learning-lab Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/vercel-labs/skill-geist-learning-labs