AI 生成内容

1. 系统概述

AI生成内容系统允许用户通过提供简单的提示来创建定制的学习路径。当用户输入感兴趣的主题时，系统会生成针对该主题的结构化课程或可视化路线图。该系统通过创建本需手动整理的全面教育内容，简化了学习过程。

1.1 关键组件

来源

1.2 用户流程

AI内容生成系统在课程和路线图中都遵循一致的流程

用户输入他们想学习的搜索词或主题
系统验证用户认证和使用限制
AI根据搜索词生成结构化内容（课程或路线图）
内容被渲染并为用户存储
用户通过不同的视图和界面与内容互动

用户还可以

使用修改后的提示重新生成内容
自定义生成的内容
跟踪学习材料的进度
使用AI聊天功能进行更具互动性的学习

来源

1.3 使用限制和高级功能

系统实施使用限制以防止滥用

功能	免费套餐	高级套餐
AI课程生成	每日限制	无限制
AI路线图生成	每日限制	无限制
AI聊天互动	每日限制	无限制
主题详情生成	每日限制	扩展限制

用户可以通过界面查看其当前使用情况和限制，并在达到限制时被提示升级。

来源

2. AI课程生成

AI课程生成功能允许用户创建关于特定主题的结构化教育课程。系统将内容组织成模块和课程，创建全面的学习体验。

2.1 课程生成过程

来源

2.2 课程数据结构

AI课程遵循结构化格式

此结构由AI系统生成的原始文本响应创建。src/lib/ai.ts中的generateAiCourseStructure函数处理Markdown文本并提取课程结构。

来源

2.3 课程视图模式

AI课程提供三种不同的视图

大纲视图 - 显示包含所有模块和课程的完整课程结构
模块视图 - 显示带有模块导航侧边栏的单个课程
路线图视图 - 将课程可视化为学习路线图

来源

2.4 课程微调

用户可以通过提供额外的上下文来微调课程生成

微调选项	描述
关于	用户背景信息
目标	学习目标
自定义指令	针对AI的具体指令

这些选项是临时存储的，并随课程生成请求一起发送。

来源

2.5 课程聊天和互动学习

AI课程包含互动聊天功能，用户可以就课程内容提问。这创建了更具动态性的学习体验。

来源

3. AI路线图生成

AI路线图为主题提供了可视化学习路径，展示了概念之间的关系，并提供了学习旅程的概览。

3.1 路线图生成过程

来源

3.2 路线图数据结构

AI路线图被组织成层次结构

路线图结构是使用generateAICourseRoadmapStructure函数从Markdown文本中解析出来的，该函数提取标题、主题和子主题。

来源

3.3 路线图主题详情系统

路线图支持交互式功能，用户可以点击主题查看详细信息

系统检查节点类型、验证访问限制，并为每个选定主题生成详细内容。

来源

用户可以对其生成的路线图执行多项操作

下载：将路线图保存为图片
分享：与他人分享路线图URL
保存并开始学习：将AI路线图转换为个人学习路线图
在编辑器中编辑：在可视化编辑器中打开路线图进行自定义

来源

4. 实现细节

4.1 流处理

AI课程和路线图都使用流式处理方法来改善用户体验。内容在生成时增量显示

系统使用浏览器的ReadableStream API和解码器来处理流式内容

来源

4.2 用户限制管理

系统跟踪并强制执行免费用户和高级用户的使用限制

限制通过API端点存储和检索，对课程生成、路线图生成和主题详情请求有不同的配额。

来源

4.3 认证和权限

所有AI生成内容功能都需要认证。系统提供

有限访问的非认证内容预览
根据订阅级别为已认证用户提供完全访问权限
用户获取额外生成额度的推荐机制

来源

4.4 内容存储和检索

生成的内容存储在数据库中，并通过API端点检索

课程数据：/v1-get-ai-course/{slug}
路线图数据：/v1-get-ai-roadmap/{id} 或 /v1-get-ai-roadmap-by-slug/{slug}
用户课程列表：/v1-list-user-ai-courses
特色/探索课程：/v1-list-featured-ai-courses, /v1-list-explore-ai-courses

来源

5. 用户界面组件

5.1 课程界面

课程界面提供多种视图模式和交互式组件

大纲视图：列出所有模块和课程，并带有进度指示器
模块视图：显示单个课程内容和导航控件
路线图视图：将课程呈现为可视化学习路径
侧边栏：模块和课程之间的导航
AI聊天面板：用于提问的交互式聊天界面

来源

5.2 路线图界面

路线图界面侧重于视觉表示和交互元素

搜索栏：用于输入路线图主题
路线图可视化：交互式SVG表示
主题详情面板：显示所选主题详细信息的弹出窗口
操作按钮：下载、分享、保存和编辑选项

来源

5.3 进度跟踪

进度跟踪功能集成到课程和路线图中

课程：跟踪单个课程的完成情况，显示模块和课程级别的进度
路线图：将主题标记为已完成、进行中或跳过

登录用户的进度与服务器同步，并本地存储以实现持久性。

来源

6. 商业模式和盈利

AI生成内容系统采用免费增值模式运营

6.1 免费套餐

AI课程和路线图每日生成次数有限
主题详情请求次数有限
具有使用限制的基本功能

6.2 高级功能

高级用户可以访问以下功能

功能	描述
无限AI路线图	路线图生成无限制
无限AI课程	课程生成无限制
扩展每日限制	所有AI功能限制更高
课程跟进	课程中无限AI聊天
抢先体验	优先体验新功能

来源

7. 社区与探索

平台包含发现和共享AI生成内容的功能

AI路线图探索：浏览社区生成的路线图
特色课程：发现热门AI生成课程
排序和筛选：按受欢迎程度或最新程度查找内容
分享：与他人分享生成的内容

来源

8. 总结

roadmap.sh上的AI生成内容系统为创建个性化学习资源提供了强大的工具集。通过利用AI生成结构化课程和可视化路线图，该平台以最小的努力为用户提供定制的教育内容。该系统通过免费增值模式平衡了可访问性和盈利能力，允许免费基本使用，同时为订阅者提供高级功能。

该实现使用现代网络技术，包括

流式响应以改善用户体验
用于交互式UI的React组件
基于API的内容生成和检索
进度跟踪集成
多种可视化方法

所有这些功能共同创建了一个全面的AI辅助学习系统，帮助用户通过个性化指导掌握复杂的技术主题。