什麼是 geist-learning-lab？
使用 Geist 設計系統建立探索性、互動式學習體驗作為 Next.js 應用程式。在建立教學課程、可探索的解釋、互動式課程、程式碼沙箱、測驗或任何教育 UI 時使用。涵蓋學習循環教學法、23 多種學習組件模式、進度追蹤、間隔重複和 Bret-Victor 式互動探索 - 所有這些都具有 Geist 的黑暗優先的簡約美學。 來源：vercel-labs/skill-geist-learning-labs。
·geist-learning-lab
*
geist-learning-lab
✓vercel-labs/skill-geist-learning-labsGitHub: vercel-labs/skill-geist-learning-labs來源: vercel-labs/skill-geist-learning-labs
使用 Geist 設計系統建立探索性、互動式學習體驗作為 Next.js 應用程式。在建立教學課程、可探索的解釋、互動式課程、程式碼沙箱、測驗或任何教育 UI 時使用。涵蓋學習循環教學法、23 多種學習組件模式、進度追蹤、間隔重複和 Bret-Victor 式互動探索 - 所有這些都具有 Geist 的黑暗優先的簡約美學。
如何安裝 geist-learning-lab
透過命令列快速安裝 geist-learning-lab AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 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 中使用
來源：vercel-labs/skill-geist-learning-labs。
SKILL.md
查看原文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-lab- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-22
- 更新時間
- 2026-03-10
Browse more skills from vercel-labs/skill-geist-learning-labs
快速解答
如何安裝 geist-learning-lab？
開啟你的終端機或命令列工具（如 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 中使用
這個 Skill 的原始碼在哪？
https://github.com/vercel-labs/skill-geist-learning-labs
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-22
相關 Skills
暫無