AI课程学习中枢产品系统Vibe Coding

面向B站自媒体发布的课程学习场景，解决长视频课程学习效率低、字幕笔记碎片化、知识点难以复习和测验反馈缺失的问题。系统将用户合法获取的课程字幕转化为结构化图文教材，并结合 AI 生成章节目录、知识点讲解、随堂测验、错题复习和学习路线，帮助学习者从“看过视频”转向“真正掌握知识”。项目重点覆盖 B 站网安课程、职业技能学习和个人知识库沉淀场景。

系统包含课程导入、分 P 管理、字幕导入、AI 教材生成、图解表格、测验批改、错题本和学习路线等模块。用户可导入 B 站公开课程目录，上传 SRT、VTT、TXT 字幕文件，系统自动匹配课程和分集。AI 会先生成教材目录，再按章节生成标准教材正文，包含学习目标、概念解释、技术图解、对比表格、命令示例、常见误区、合法练习和章节总结。每节支持“一键讲人话”，测验模块可生成选择题、判断题和简答题，用户提交后由 AI 批改并归档错题，方便后续复习。

本人负责从产品需求分析、学习流程设计、前端界面、数据模型、AI 接口、字幕解析到本地运行部署的完整实现。前端基于 Next.js、React、TypeScript 和 Tailwind CSS 构建，使用组件化方式实现课程页、字幕页、教材页、测验页、错题页和学习路线页。数据层设计了 Course、Episode、Transcript、Textbook、Quiz、Mistake 等核心模型，并通过 IndexedDB 保存本地学习数据。AI 能力接入 DeepSeek 接口，支持教材目录生成、分章节正文生成、总编审校、讲人话解释、测验生成和 AI 批改。