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