SuperAPI AI 工具集

geist-learning-lab

通用与其它

查看项目

更新于 10-15 23:57

技能介绍

用途:用 Next.js 与 Geist 设计系统构建可探索、可交互的学习应用,如教程、可探索式讲解。核心是让学习者先尝试、获得反馈、再迭代,而非被动阅读。

主要能力:以“学习循环”为中心,每课包含定向、尝试、反馈、讲解、扩展、检查点、反思。提供 23 个组件模式,涵盖课程流程与进度(LessonShell、ProgressRail、StepFlow、CheckpointCard、ResumeBanner)、可探索讲解(ParameterDock、LiveOutputPanel、ConceptExplorer、InteractiveDiagram、BeforeAfterSplit、TimelineExplorer、ConceptMap)、代码学习(CodePlayground、DiffEditor、TaskRunner、SnippetCopy)、测验与主动回忆(QuickCheck、ConfidenceRating、HintLadder、MistakeAnalyzer)、阅读支持(GlossaryPopover、Callout、WorkedExample)。

使用方式:按 App Router 组织路由,如 /learn/[courseSlug]/[moduleSlug]/[lessonSlug];内容放在 content/courses 下的 course.json 与 MDX 文件;组件放 components/learning;进度、评分、间隔复习逻辑分别放 lib/learning 下的 progress.ts、grading.ts、spaced.ts。参考资料覆盖各组件 TSX 模式、教学框架、架构、进度状态与动画。

适用场景:制作交互式教程、算法可视化、概念探索、代码练习与测验。

限制:资料未提供安装命令、依赖版本、收费与平台信息;具体实现细节需参考其 references 文档。