学习路径规划大师
学习路径规划大师
展示內容
描述
根据用户的学习目标、当前水平、可用时间和偏好，通过深度搜索真实学习资源，生成个性化分阶段学习路径，并输出为 Kami 风格的交互式学习网站（带进度追踪、里程碑检查、资源直达链接）。
為什麼我們推薦這個技能
此技能以问卷形式精准捕捉用户学习需求，并能生成高度定制化的交互式学习网站，其Kami设计风格和进度追踪功能尤为出色。
指令
## Step 1: 需求采集（问卷式，零打字门槛）
通过 2 轮 askUserQuestion 收集用户学习画像。
### 第一轮（核心信息）
使用 askUserQuestion 同时提问以下 3 个维度：
1. **学习目标类型**
- header: "目标"
- options: 考试备考 / 技能提升 / 职业转行 / 兴趣探索
2. **当前水平**
- header: "水平"
- options: 零基础 / 入门级（了解概念） / 有一定基础（能做简单任务） / 进阶（需要突破瓶颈）
3. **每日可投入时间**
- header: "时间"
- options: 30分钟以内 / 1-2小时 / 2-4小时 / 4小时以上
### 第二轮（补充信息）
使用 askUserQuestion 同时提问以下 3 个维度：
1. **具体学习方向**（让用户自由输入）
- 在 question 中引导用户输入具体方向，如：Python编程、雅思7分、CPA考试、UI设计等
- header: "方向"
- options: 提供几个热门示例供选择，同时允许用户输入自定义内容
2. **期望完成周期**
- header: "周期"
- options: 1个月冲刺 / 3个月稳步 / 6个月深耕 / 1年+长期
3. **学习偏好**（多选）
- header: "偏好"
- multiSelect: true
- options: 视频课程 / 书籍阅读 / 实战项目 / 社群互动
收集完成后，将所有信息整理为结构化的「学习者画像」，用于后续步骤。
## Step 2: 深度资源搜索与路径规划
### 2.1 资源搜索
根据用户的学习方向和偏好，使用 googleSearch 进行 2-3 次搜索：
1. **搜索该领域最佳学习路线图**
- query: "[学习方向] learning roadmap 2024 2025" 或 "[学习方向] 学习路线图 推荐"
- 提取：阶段划分、核心知识点、学习顺序
2. **搜索具体学习资源**
- 根据用户偏好搜索对应资源：
- 视频课：搜索 Coursera/Udemy/B站 热门课程
- 书籍：搜索豆瓣高分/Amazon 推荐书单
- 实战项目：搜索 GitHub/实战教程
- query: "[学习方向] best [资源类型] beginner/intermediate/advanced"
3. **搜索里程碑标准**
- query: "[学习方向] skill assessment checklist" 或 "[学习方向] 能力评估标准"
- 提取：每个阶段应该达到什么水平
### 2.2 路径规划
基于搜索结果和用户画像，规划学习路径：
**分阶段原则：**
- 根据用户期望周期，将学习拆分为 3-5 个阶段
- 每个阶段包含：阶段名称、预计时长、核心目标、具体资源（3-5个）、里程碑检查点
- 资源必须是搜索到的真实资源（有名称、平台、链接）
- 里程碑必须是可验证的具体能力描述
**时间分配原则：**
- 根据每日可用时间计算每阶段总学时
- 给出每周建议安排（工作日 vs 周末）
- 预留 10% 缓冲时间
**输出格式（内部数据结构，传递给 Step 3）：**
```
学习者画像：{目标、方向、水平、时间、周期、偏好}
路径规划：[
{
阶段名称,
阶段编号,
预计时长（周）,
核心目标描述,
资源列表: [{名称, 类型(视频/书/项目), 平台, 链接, 预计学时}],
里程碑: {描述, 验证方式}
}
]
每周建议：{工作日安排, 周末安排, 总周学时}
```
## Step 3: 生成 Kami 风格交互式学习网站
使用 generateWebpage 工具生成交互式学习路径网站。
在 instruction 参数中，包含以下完整规范 + Step 2 生成的具体学习路径数据：
### 设计系统规范（Kami Design System 适配学习场景）：
**配色系统：**
- 页面背景：#f5f4ed（暖米色 Parchment）
- 卡片背景：#FAF9F5（Ivory）
- 强调色/品牌色：#1B365D（油墨蓝 Ink Blue）
- 正文色：#141413（Near Black）
- 副文色：#4D4C48（Charcoal）
- 注释色：#87867F（Stone）
- 边框色：#D6D5CE（暖灰边框）
- 进度条已完成：#1B365D（品牌色）
- 进度条未完成：#E8E7E2
- 成功/完成状态：#2D5016（深橄榄绿）
- 进行中状态：#1B365D（品牌色）
- 未开始状态：#87867F（Stone）
- Tag 背景：#E4ECF5
- 所有灰色必须暖调（R≈G>B），禁止冷蓝灰
**字体系统：**
- 通过 Google Fonts 加载 Noto Serif SC 和 Noto Sans SC
- 标题：font-family: 'Noto Serif SC', Charter, Georgia, serif; font-weight: 500
- 正文：font-family: 'Noto Sans SC', 'PingFang SC', sans-serif; font-weight: 400
- 数据/强调数字：font-family: Charter, Georgia, serif
- 禁止 font-weight: 700/bold
**排版：**
- 行距：标题 1.2 / 正文 1.5
- 中文 letter-spacing: 0.3pt
- 页面 max-width: 800px，居中
- 响应式，移动端友好
**视觉规则：**
- 阴影：ring shadow (0 0 0 1px rgba(0,0,0,0.05)) 或 whisper shadow (0 1px 3px rgba(0,0,0,0.04))
- 圆角：8px（默认）/ 12px（大卡片）
- 分隔：0.5px solid #D6D5CE 或 2.5px solid #1B365D（品牌竖线）
- 强调方式：油墨蓝文字或左侧品牌竖线
### 页面结构要求：
**1. 顶部 Hero 区域：**
- 学习目标大标题（Serif 28px）
- 一行关键信息标签：目标类型 | 预计周期 | 每日时间
- 总进度条（带百分比数字）
- 统计卡片行：总资源数 / 已完成 / 当前阶段
**2. 阶段卡片区域（核心）：**
- 每个阶段一张大卡片
- 卡片头部：阶段编号 + 名称 + 状态标签（✅已完成 / 🔄进行中 / ⬜未开始）+ 预计时长
- 卡片内容：
- 核心目标描述（1-2句话）
- 资源列表：每个资源一行，包含图标（📚书/🎬视频/💻项目/👥社群）+ 名称（可点击链接）+ 平台标签 + checkbox
- 里程碑区域：用品牌竖线 + 特殊样式突出，描述达成标准
- 卡片可折叠/展开（默认展开当前阶段，折叠已完成阶段）
**3. 每周学习建议区域：**
- 简洁的时间分配建议
- 工作日 vs 周末安排
**4. 底部：**
- 一行小字：Powered by 学习路径规划大师 · Designed with Kami Design System
### 交互功能要求（纯前端 JavaScript + localStorage）：
1. **Checkbox 状态切换**：
- 点击资源前的 checkbox 切换完成状态
- 状态保存到 localStorage（key 用学习方向+资源名 hash）
- 完成的资源显示删除线 + 降低透明度
2. **进度自动计算**：
- 总进度 = 已勾选资源数 / 总资源数 × 100%
- 阶段进度 = 该阶段已勾选 / 该阶段总数
- 进度条带动画过渡（transition: width 0.3s ease）
3. **阶段状态自动更新**：
- 阶段内所有资源勾选 → 状态变为 ✅已完成，自动折叠
- 阶段内有任一勾选 → 状态变为 🔄进行中
- 无勾选 → ⬜未开始
4. **折叠/展开**：
- 点击阶段卡片头部可折叠/展开
- 带平滑动画
5. **里程碑检查弹窗**：
- 当一个阶段所有资源完成时，弹出里程碑检查提示
- 显示该阶段的里程碑标准
- 用户可点击「已达成」确认，或「还需巩固」标记
6. **数据持久化**：
- 所有状态存 localStorage
- 页面刷新后恢复状态
- 提供「重置进度」按钮（需二次确认）
### 内容填充：
将 Step 2 规划的完整学习路径数据填入上述结构。确保：
- 每个资源的链接是真实可访问的 URL
- 资源类型图标正确对应
- 阶段时长和总周期逻辑一致
- 里程碑描述具体可验证
### 技术要求：
- 纯 HTML + CSS + JavaScript，单文件
- 无外部依赖（除 Google Fonts）
- 移动端响应式
- 打印友好
- 代码整洁，有注释
相關技能
查看全部学习方案Skill
把“想学会”变成今天就能开始、每天知道做什么的系统化学习方案。你只需提供学习目标、当前水平、计划周期、可投入时间和学习偏好，它会围绕你的真实情况梳理学习重点，识别优势与薄弱环节，并将大目标拆成可验证的阶段里程碑，让进步有明确的验收标准。 方案覆盖语言、编程、乐器、考试、健身及其他技能学习场景，包含按优先级整理的知识点体系、分阶段路线图，以及匹配工作日和周末节奏的每日执行模板。每项任务都会落到具体的学习内容、练习方式、投入时长和合格标准，并强调输入与输出结合，帮助你把“看过、听过”转化为真正会用。 还会根据你的学习偏好分层整理视频、音频、书籍和工具等资源，并通过联网核实可用链接；针对拖延、三分钟热度、完美主义、缺乏反馈或临时中断等问题，提供对应的防放弃机制。最终交付包含第一天行动清单、里程碑检查表和完整执行文档。方案确认后，还可进一步生成一个可离线打开的 HTML 网页打卡工具，用于记录每日任务、阶段进度、里程碑和学习资源。
AI 时代中的专属学习指南
在瞬息万变的AI时代，您是否正为如何高效学习AI而感到迷茫？“AI时代中的专属学习指南”能为您量身打造一份清晰、可执行的AI学习路线图。它将深度理解您的学习需求、技术背景乃至潜在的焦虑情绪，像一位贴心的技术导师，为您精准导航。 本技能通过与您的智能对话，不仅能识别您是渴望系统学习的“目标型”还是需要方向指引的“迷茫型”学习者，还会根据您的具体情况，温和引导您明确学习方向和目标。随后，它将运用实时网络搜索和严谨的资源验证机制，从海量信息中筛选出最新、最权威的学习资料，涵盖官方文档、高质量教程、活跃开源项目等，确保您获取的知识既前沿又可靠。 最终，您将获得一份结构清晰、可操作的个性化学习方案。这份方案将学习目标拆解为多个具体阶段，每个阶段都包含明确的学习目标、精选推荐资源、可验证的完成标志以及预估耗时。更贴心的是，方案中还包含一个“微行动启动器”，引导您立即开始一个“小到不可能失败”的学习任务，并提供个性化的心态建设建议，助您克服学习过程中的心理障碍。您还可以选择将这份专属学习方案导出为网页，随时随地查阅和分享，让您的AI学习之路充满信心和动力。
语言学习私教
通过互动评估和对话,为用户创建个性化的外语学习规划文档,并支持长期跟进和动态调整。基于 CEFR 标准评估语言水平,制定科学的分阶段学习路径。 需配合「语言学习日课生成器」Skill 使用
