学习路径规划大师
指令
## 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）
- 移动端响应式
- 打印友好
- 代码整洁，有注释
描述
为什么我们推荐这个技能
此技能以问卷形式精准捕捉用户学习需求，并能生成高度定制化的交互式学习网站，其Kami设计风格和进度追踪功能尤为出色。
根据用户的学习目标、当前水平、可用时间和偏好，通过深度搜索真实学习资源，生成个性化分阶段学习路径，并输出为 Kami 风格的交互式学习网站（带进度追踪、里程碑检查、资源直达链接）。
相关技能
查看全部
研究慢老师的关键词学习法
用关键词学习法快速入门任意领域：输出 20 个核心关键词表（一句话解释/应用场景/最佳实践）、手绘漫画风 SVG 逻辑关系图、模拟领域专家回答 5 个关键问题、推荐 3~5 本专业书，并组版成排版良好的报告；输入「解读《书名》」则切换到七部分书籍深度解读模式。
研究Signal Room：访谈综合
YouMind 已经能够转录你的通话、访谈和播客。Signal Room 是接下来的步骤。 放入一份或二十份转录稿，你就能得到一份真正分析师愿意署名的研究综合报告：编码主题、带时间戳的逐字证据、参与者意见分歧之处，以及针对你试图做出的决策的排序答案。 这种方法遵循真正的定性研究实践，而非简单摘要： • 先引用后编码的开放式编码——没有引用就没有编码——编码名称采用参与者自己的措辞，而非分析师术语 • 每条编码都标记为行为、信念或愿望，因为“我肯定会为此付费”与“我上个月为此付费了”不属于同一类证据 • 主题以可证伪的陈述句呈现，强度按参与者人数而非引用条数计算，并主动寻找不支持该主题的证据 • 一张张力图，展示参与者在哪些问题上真正产生分歧，以及哪些因素预示他们会站在哪一边 • 一份机会待办清单，书写格式为“当[情境]时，[谁]想要[结果]，因为[原因]”，每条按强、提示性或轶事评级 • 对你的决策问题给出直接答案，并说明置信水平以及哪些因素会改变这一结论 • 本轮无法回答的三个问题，以及接下来应访谈谁 关键护栏：它绝不会编造或润色引用；当参与者少于十二人时，它拒绝报告百分比；默认对参与者进行假名化处理；并且当 n=1 意味着你拥有的只是假设而非发现时，它会直接告诉你。 适用于产品经理、用户体验和市场研究员、记者、顾问、进行客户探索的创始人，以及任何积压着数小时录音却毫无发现的人。
学习路径规划大师
指令
## 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）
- 移动端响应式
- 打印友好
- 代码整洁，有注释
描述
为什么我们推荐这个技能
此技能以问卷形式精准捕捉用户学习需求，并能生成高度定制化的交互式学习网站，其Kami设计风格和进度追踪功能尤为出色。
根据用户的学习目标、当前水平、可用时间和偏好，通过深度搜索真实学习资源，生成个性化分阶段学习路径，并输出为 Kami 风格的交互式学习网站（带进度追踪、里程碑检查、资源直达链接）。
相关技能
查看全部研究慢老师的关键词学习法
用关键词学习法快速入门任意领域：输出 20 个核心关键词表（一句话解释/应用场景/最佳实践）、手绘漫画风 SVG 逻辑关系图、模拟领域专家回答 5 个关键问题、推荐 3~5 本专业书，并组版成排版良好的报告；输入「解读《书名》」则切换到七部分书籍深度解读模式。
研究Signal Room：访谈综合
YouMind 已经能够转录你的通话、访谈和播客。Signal Room 是接下来的步骤。 放入一份或二十份转录稿，你就能得到一份真正分析师愿意署名的研究综合报告：编码主题、带时间戳的逐字证据、参与者意见分歧之处，以及针对你试图做出的决策的排序答案。 这种方法遵循真正的定性研究实践，而非简单摘要： • 先引用后编码的开放式编码——没有引用就没有编码——编码名称采用参与者自己的措辞，而非分析师术语 • 每条编码都标记为行为、信念或愿望，因为“我肯定会为此付费”与“我上个月为此付费了”不属于同一类证据 • 主题以可证伪的陈述句呈现，强度按参与者人数而非引用条数计算，并主动寻找不支持该主题的证据 • 一张张力图，展示参与者在哪些问题上真正产生分歧，以及哪些因素预示他们会站在哪一边 • 一份机会待办清单，书写格式为“当[情境]时，[谁]想要[结果]，因为[原因]”，每条按强、提示性或轶事评级 • 对你的决策问题给出直接答案，并说明置信水平以及哪些因素会改变这一结论 • 本轮无法回答的三个问题，以及接下来应访谈谁 关键护栏：它绝不会编造或润色引用；当参与者少于十二人时，它拒绝报告百分比；默认对参与者进行假名化处理；并且当 n=1 意味着你拥有的只是假设而非发现时，它会直接告诉你。 适用于产品经理、用户体验和市场研究员、记者、顾问、进行客户探索的创始人，以及任何积压着数小时录音却毫无发现的人。
发现下一个适合你的技能
继续探索更多精选 AI 技能，用于研究、创作和日常工作。