學習路徑規劃大師
指令
## 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 風格的互動式學習網站（具備進度追蹤、里程碑檢查和資源直達連結）。
相關技能
查看全部學習方案 Skill
把「想學會」變成今天就能開始、每天都知道該做什麼的系統化學習方案。你只需提供學習目標、目前程度、計畫週期、可投入時間和學習偏好，它會根據你的實際情況整理學習重點，找出優勢與薄弱環節，並將大目標拆解成可驗證的階段里程碑，讓進步有明確的驗收標準。 方案涵蓋語言、程式設計、樂器、考試、健身及其他技能學習情境，包含依優先順序整理的知識體系、分階段學習路線圖，以及配合平日與週末節奏的每日執行範本。每項任務都會具體列出學習內容、練習方式、投入時間和合格標準，並強調輸入與輸出的結合，幫助你把「看過、聽過」轉化為真正能運用的能力。 它還會依照你的學習偏好分層整理影片、音訊、書籍和工具等資源，並透過連網查證可用連結；針對拖延、三分鐘熱度、完美主義、缺乏回饋或臨時中斷等問題，提供相應的防止放棄機制。最終交付內容包含第一天行動清單、里程碑檢查表和完整執行文件。方案確認後，還可進一步生成一個可離線開啟的 HTML 網頁打卡工具，用於記錄每日任務、階段進度、里程碑和學習資源。
AI 時代中的專屬學習指南
在瞬息萬變的 AI 時代，您是否正為如何高效學習 AI 而感到迷惘？「AI 時代中的專屬學習指南」能為您量身打造一份清晰、可執行的 AI 學習路線圖。它將深度理解您的學習需求、技術背景乃至潛在的焦慮情緒，像一位貼心的技術導師，為您精準導航。 本技能透過與您的智能對話，不僅能識別您是渴望系統學習的「目標型」還是需要方向指引的「迷惘型」學習者，還會根據您的具體情況，溫和引導您明確學習方向和目標。隨後，它將運用即時網路搜尋和嚴謹的資源驗證機制，從海量資訊中篩選出最新、最權威的學習資料，涵蓋官方文件、高品質教學、活躍開源專案等，確保您獲取的知識既前沿又可靠。 最終，您將獲得一份結構清晰、可操作的個人化學習方案。這份方案將學習目標拆解為多個具體階段，每個階段都包含明確的學習目標、精選推薦資源、可驗證的完成標誌以及預估耗時。更貼心的是，方案中還包含一個「微行動啟動器」，引導您立即開始一個「小到不可能失敗」的學習任務，並提供個人化的心態建設建議，助您克服學習過程中的心理障礙。您還可以選擇將這份專屬學習方案匯出為網頁，隨時隨地查閱和分享，讓您的 AI 學習之路充滿信心和動力。
研究個人AI學習與變現路徑規劃
為不同水平的用戶定制AI學習到AI財富變現的路線圖，從完全零基礎到專業開發者的全覆蓋。提供分層學習計劃（小白/進階/專業）、實戰項目、變現策略，並生成可分享的可視化網頁。無論你是想學AI工具使用、轉行AI行業、提升現有工作效率，還是開發AI產品，實現自由副業或職業，都能找到適合的學習路徑。
學習路徑規劃大師
指令
## 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 風格的互動式學習網站（具備進度追蹤、里程碑檢查和資源直達連結）。
相關技能
查看全部學習方案 Skill
把「想學會」變成今天就能開始、每天都知道該做什麼的系統化學習方案。你只需提供學習目標、目前程度、計畫週期、可投入時間和學習偏好，它會根據你的實際情況整理學習重點，找出優勢與薄弱環節，並將大目標拆解成可驗證的階段里程碑，讓進步有明確的驗收標準。 方案涵蓋語言、程式設計、樂器、考試、健身及其他技能學習情境，包含依優先順序整理的知識體系、分階段學習路線圖，以及配合平日與週末節奏的每日執行範本。每項任務都會具體列出學習內容、練習方式、投入時間和合格標準，並強調輸入與輸出的結合，幫助你把「看過、聽過」轉化為真正能運用的能力。 它還會依照你的學習偏好分層整理影片、音訊、書籍和工具等資源，並透過連網查證可用連結；針對拖延、三分鐘熱度、完美主義、缺乏回饋或臨時中斷等問題，提供相應的防止放棄機制。最終交付內容包含第一天行動清單、里程碑檢查表和完整執行文件。方案確認後，還可進一步生成一個可離線開啟的 HTML 網頁打卡工具，用於記錄每日任務、階段進度、里程碑和學習資源。
AI 時代中的專屬學習指南
在瞬息萬變的 AI 時代，您是否正為如何高效學習 AI 而感到迷惘？「AI 時代中的專屬學習指南」能為您量身打造一份清晰、可執行的 AI 學習路線圖。它將深度理解您的學習需求、技術背景乃至潛在的焦慮情緒，像一位貼心的技術導師，為您精準導航。 本技能透過與您的智能對話，不僅能識別您是渴望系統學習的「目標型」還是需要方向指引的「迷惘型」學習者，還會根據您的具體情況，溫和引導您明確學習方向和目標。隨後，它將運用即時網路搜尋和嚴謹的資源驗證機制，從海量資訊中篩選出最新、最權威的學習資料，涵蓋官方文件、高品質教學、活躍開源專案等，確保您獲取的知識既前沿又可靠。 最終，您將獲得一份結構清晰、可操作的個人化學習方案。這份方案將學習目標拆解為多個具體階段，每個階段都包含明確的學習目標、精選推薦資源、可驗證的完成標誌以及預估耗時。更貼心的是，方案中還包含一個「微行動啟動器」，引導您立即開始一個「小到不可能失敗」的學習任務，並提供個人化的心態建設建議，助您克服學習過程中的心理障礙。您還可以選擇將這份專屬學習方案匯出為網頁，隨時隨地查閱和分享，讓您的 AI 學習之路充滿信心和動力。
研究個人AI學習與變現路徑規劃
為不同水平的用戶定制AI學習到AI財富變現的路線圖，從完全零基礎到專業開發者的全覆蓋。提供分層學習計劃（小白/進階/專業）、實戰項目、變現策略，並生成可分享的可視化網頁。無論你是想學AI工具使用、轉行AI行業、提升現有工作效率，還是開發AI產品，實現自由副業或職業，都能找到適合的學習路徑。
發現下一個適合你的技能
繼續探索更多精選 AI 技能，用於研究、創作和日常工作。