什么是 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
暂无