📋 資源中心建設報告 V2.0 · 2026-04-11

Workskm 資源中心建設報告 V2

以線上最新版本為基準,反向比對藍圖,找出合理未實現部分

基於:index.html(已部署) · skills-list.html · memodata.html · 03藍圖 · 01原始報告

📑 報告導航

🔍 現況診斷:以線上版為基準

🎯
定位
技能廣場 + 資源中心
🛠️
技能
49項(含.wb-config)
📂
頁面
6個核心頁面
📋
備忘
12個(JS靜態)
⚠️
重要發現:Hero區被大幅簡化

原規劃藍圖的 Hero 區應包含:課程標題 / 副標題 / 特色卡片×4 / 賣點文字區 / 行動號召按鈕。 目前實際上線的 Hero 只有三個SVG膠囊按鈕(AI市集/龍蝦版/技能廣場),其餘營銷內容全部刪除。 這是有意為之的簡化(避免與龍蝦版重複),但代價是首頁缺乏核心價值主張。

✅ 已實現(18項)

基於最新上線版確認,以下功能已正確實現且運作正常。

📄 核心頁面(6個)
  • index.html — 主頁(nav + Hero[簡化] + 備忘卡片12張)
  • skills-list.html — 技能清單(動態搜索/分類篩選/Hot技能)
  • memodata.html — 重要備份(JS靜態渲染/三分類/memo/plan/backup)
  • knowbase.html — 知識庫(快速連結/知識文章區塊)
  • publish.html — 發布引導(三步驟流程)
  • about.html — 關於頁(平台使命/統計/團隊)
🗃️ 資料層(3個)
  • manifest.json — 49項技能/7分類,含觸發詞描述
  • .wb-config.json — 完整配置(version/deployDir/skills[]/excludedPaths[])🔧 今天補全
  • memodata.js靜態陣列 — 9則memos + 3則plans(需同步更新)
🎨 設計系統
  • ✅ 深色主題(#1a0a1a / #112020)
  • ✅ 統一CSS變量(--green: #c8a2c8 / --lobster: #8b5a8b)
  • ✅ 響應式設計(375/480/768/1024四斷點)
  • ✅ 毛玻璃效果(backdrop-filter: blur)
  • ✅ 紫色系配色(統一綠/紫主色)
🧭 導航系統
  • ✅ Nav固定頂部(背景模糊/高度48px精簡版)
  • ✅ 下拉選單(資源中心→5個子頁面)
  • ✅ 外部項目圖示入口(nav-icons:龍蝦版/AI市集/技能廣場)
  • ✅ 回退到 index 一致的配色
🔧 運營機制
  • ✅ updatememo三處同步流程(磁碟+index+memodata)
  • ✅ section-count 自動計數
  • ✅ 12張備忘卡片(index展示)
  • ✅ localStorage本地持久化(memodata的addMemo功能)
🚀 部署基礎
  • ✅ Cloudflare Pages 部署
  • ✅ 最新部署:eb2ce42a(.wb-config已含44個檔案)
  • ✅ workskm: https://workskm.pages.dev

❌ 差距分析(6項)

藍圖中合理規劃但尚未實現的功能,按修復優先級排列。

❌ Bug#4:torecord 功能依賴固定目錄

🔴 P0 緊急

torecord 技能依賴寫死路徑 C:\Users\Administrator\WorkBuddy\20260411055416, 若換機或換目錄則完全失效。教學第2.5小時後學生即卡死。

📌 解決方案:改造 torecord 讀取 .wb-config.json 的 memoryDir,實現任意目錄通用

❌ Hero區:首頁缺乏核心價值主張

🟡 P1 高優先

上線版首頁 Hero 只有三個SVG膠囊按鈕,完全沒有任何文字內容。 用戶進入後看不到平台能做什麼、價值在哪裡、即刻行動入口。

📌 決策需求:重新定義 workskm 首頁定位——是「展示台」還是「登陸頁」? 若做登陸頁,需要明確的價值主張(H1)+ 賣點(3個)+ CTA按鈕

❌ updatememo Bug:memodata 數量不一致

🟡 P1 已知Bug

index.html 顯示「12個備忘」但 memodata.html JS陣列只有9則memos + 3則plans = 12項(數量對但內容落後)。 藍圖中 #01 提到「memodata 永遠只顯示1個備忘」,今天已修復。

📌 現狀:數量已對,但新建立的 #10/#11/#12(index有)尚未同步到 memodata.html 的 memos[](需補)

❌ 藍圖規劃:需求廣場(Demand Plaza)

🔵 P2 中期

#06 待辦清單中提到「需求廣場」——用於學生發布技能需求、其他人接單。 是平台貨幣化/社群化的關鍵功能,目前完全未實現。

📌 涉及:需求發布/報價/交付/評價機制,需先完成 Starter Kit 再推進

❌ 藍圖規劃:幫助中心(Help Center)

🔵 P2 中期

#06 待辦清單中提到「幫助中心」——FAQ/新手引導/常見問題。 目前只有 about.html 含基本說明,沒有結構化FAQ。

❌ 藍圖規劃:模板化封裝(Template Pack)

🔵 P2 中期

#06 待辦清單中提到「模板化封裝」——將常用工作流打包成可下載模板。 結合 publish.html 構成完整技能髮布→模板化→市場化流程。

🆕 新增需求(4項)

藍圖完成後新出現的需求,不在原規劃中但基於今天實踐發現必要。

🆕 Nav圖示同步:外部專案狀態指示

🔴 P0 今天可做

Nav右側的專案圖示(🦞龍蝦版 / 🤖AI市集 / 🛠️技能廣場)點擊外部連結,但沒有視覺狀態指示: 如果目標站正在部署/更新中,用戶會看到過期內容。

  • Hover tooltip顯示最後部署時間
  • 或顯示各專案當前部署URL

🆕 memodata 全局搜索

🟡 P1 本週

12則備忘目前只能按分類(memos/plans/backups)展示,沒有全文搜索。 當備忘累積到50+則後,導航成本急劇上升。

📌 可結合 knowbase.html 做成統一的「資源中心搜索入口」

🆕 技能廣場:使用量統計

🔵 P2

藍圖中提到「49技能通用性普查」——但沒有實際的使用追蹤。 若要做技能市場,需要知道哪些技能最熱門/最有價值。

📌 最簡方案:在 manifest.json 中加入 viewCount 欄位,由貞每次使用後更新

🆕 跨站資源中心同步機制

🔵 P2

MEMORY.md 中記錄「雙站同步原則」——workskm(平台端)與 aiworkforme(學生端)共享資源中心。 目前手動同步,未來需要自動化。

📌 可用 GitHub Actions 觸發同步腳本,實現跨專案資源一致性

📋 完整待辦清單(互動版)

點擊任一項目即可標記完成,自動保存到本地。

🔴 P0緊急止血 🟡 P1本週必做 🔵 P2中期建設 🌟 P3長期願景
已完成 0 / 13

🎯 決策指引:下一步走向

🩸

止血優先

若近期要教學,立即修復 Bug#4(torecord)和補全 memodata 同步。

→ P0清單,共2項,約2小時
🚀

登陸頁重構

若要對外展示,重新定義 workskm 首頁定位。建議做「展示台」而非登陸頁。

→ P1清單,共3項,約3小時
🌟

市場化建設

若要做技能市場,按P2→P3逐步推進需求廣場、幫助中心、模板封裝。

→ P2/P3清單,共8項,1-4週
💡 由貞建議:止血 + 展示台並行

今天立即執行 P0(torecord + memodata),同時用 P1-1(Nav狀態指示)做為對外展示的第一步—— 這個只需要10分鐘,但能讓用戶清楚看到三個專案的實時狀態。

← 返回 workskm 首頁