Geist 디자인 시스템을 사용하여 Next.js 앱으로 탐구적인 대화형 학습 경험을 구축하세요. 튜토리얼, 탐색 가능한 설명, 대화형 강의, 코드 샌드박스, 퀴즈 또는 교육용 UI를 만들 때 사용하세요. 학습 루프 교수법, 23개 이상의 학습 구성 요소 패턴, 진행 상황 추적, 간격 있는 반복, Bret-Victor 스타일의 대화형 탐색 등을 모두 Geist의 어두운 우선 최소한의 미학으로 다룹니다.
명령줄에서 geist-learning-lab AI 스킬을 개발 환경에 빠르게 설치
출처: 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 |
Geist 디자인 시스템을 사용하여 Next.js 앱으로 탐구적인 대화형 학습 경험을 구축하세요. 튜토리얼, 탐색 가능한 설명, 대화형 강의, 코드 샌드박스, 퀴즈 또는 교육용 UI를 만들 때 사용하세요. 학습 루프 교수법, 23개 이상의 학습 구성 요소 패턴, 진행 상황 추적, 간격 있는 반복, Bret-Victor 스타일의 대화형 탐색 등을 모두 Geist의 어두운 우선 최소한의 미학으로 다룹니다. 출처: vercel-labs/skill-geist-learning-labs.
AI/검색 인용용 안정적인 필드와 명령어.
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
Geist 디자인 시스템을 사용하여 Next.js 앱으로 탐구적인 대화형 학습 경험을 구축하세요. 튜토리얼, 탐색 가능한 설명, 대화형 강의, 코드 샌드박스, 퀴즈 또는 교육용 UI를 만들 때 사용하세요. 학습 루프 교수법, 23개 이상의 학습 구성 요소 패턴, 진행 상황 추적, 간격 있는 반복, Bret-Victor 스타일의 대화형 탐색 등을 모두 Geist의 어두운 우선 최소한의 미학으로 다룹니다. 출처: vercel-labs/skill-geist-learning-labs.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/vercel-labs/skill-geist-learning-labs --skill geist-learning-lab 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/vercel-labs/skill-geist-learning-labs