📐 藍圖 V2.0 2026-04-11

workskm 網站設計與建置藍圖 V2

以核心系統規劃書為思想依據 · 以 V2 建設報告為現況基準

反向比對 #04 舊版藍圖,整合 #62 V2報告 + #64 藍圖V2,指導下階段網站建設

🧠 思想依據

📋 核心系統規劃書 (#05)

平台使命:知識→技能→資產變現全閉環。學生模式資料結構設計。

📊 V2 建設報告 (#62)

18✅/6❌/4🆕,含13項互動待辦清單(P0~P3)。

🗺️ 藍圖V2 (#64)

知識→變現流程不變,Phase 1-4 落地計畫。核心優勢傳承。

📜 #04 舊版藍圖核心內容(保留)

✅ 不可變動區域

🔄 可優化區域

首頁 Hero 區設計(可選擇性重構)
首頁新增:搜索區、熱門技能、新手上架、需求廣場
整體視覺風格統一
微信 WebView 相容性優化

📊 #04 藍圖 vs 線上現況 比對

項目 #04 藍圖規劃 線上現況(2026-04-11)
導航欄(5主按鈕 + 資源中心下拉) ✅ 已有 ✅ 已重建(2026-04-11)
Hero 區(AI市集/龍蝦版/技能廣場) ✅ 已有 ⚠️ 僅3個SVG按鈕,缺乏價值主張
重要備忘區(卡片展示) ✅ 已有 ✅ 15張卡片(與memodata同步)
資源中心下拉(技能清單/知識庫) ✅ 已有 ✅ nav 已重建
skills-list 搜索功能 Phase 2 規劃 ✅ 已實現
skills-list 分類/標籤/評分篩選 Phase 2 規劃 ✅ 已實現
響應式設計 ✅ 已有 ✅ 全站響應式
WeChat WebView 相容性 ✅ 已有 ✅ 已修復
全局搜索(header,資源中心) Phase 2 ⚠️ skills-list有,資源中心無
熱門技能區(Top 10 付費展示) Phase 3 ⚠️ skills-list有Hot技能,但首頁無專區
新手上架區(最近7天技能) Phase 3 ❌ 未實現
需求廣場(用戶需求 + 懸賞) Phase 4 ❌ 未實現
🆕 Hero 價值主張文字(tagline) 未提及 ⚠️ 只有3個SVG按鈕
🆕 Nav Hover 外部站點提示 未提及 ⚠️ hover無提示
🆕 幫助中心(FAQ/使用指南) 未提及 ❌ 未實現
🆕 模板封裝 / Starter Kit 下載 未提及 ❌ 未實現
🆕 使用量統計系統 未提及 ❌ 未實現
🆕 跨站同步腳本(workskm ↔ aiworkforme) 未提及 ⚠️ 手動同步

🏗️ 技術架構(傳承不變)

🌐 前端

HTML5 + CSS3 + Vanilla JS + 響應式設計

Tailwind CSS (CDN)

☁️ 部署

Cloudflare Pages · 全球 CDN · 自動 HTTPS

靜態網站托管

📦 數據

manifest.json · memodata.html (JS) · LocalStorage

無後端依賴

🚀 建置階段(整合 #62/#63 待辦清單)

🔴P0 — 止血核心(立即) Bug
P0-1:torecord 依賴固定目錄 → 改造為「當前目錄優先 → fallback $HOME」
P0-2:memodata 缺口修復(✅ 2026-04-11 由貞完成)
🟡P1 — 首頁迭代(1-2天) Enhance
P1-1:Nav Hover 提示增強 → hover 時顯示「外部站點:xxx」(10分鐘)
P1-2:Hero 區重構 → 增加 tagline + 價值主張文字(30分鐘)
P1-3:全局搜索 → header 增加全局搜索框,搜尋技能+備忘(1小時)
🔵P2 — 功能建設(1周) Feature
P2-1:需求廣場 → Static版(人力表單→手動發布),含 demands.json
P2-2:幫助中心 → FAQ / 使用指南 Static版
P2-3:模板封裝 → Starter Kit 標準化下載入口
P2-4:使用量統計 → 利用 Cloudflare Analytics 基礎數據
P2-5:跨站同步腳本 → workskm ↔ aiworkforme nav/footer 腳本化
P2-6:新手上架區 → 首頁增加「最近7天技能」專區
🌟P3 — 長期願景(1月+) Vision
P3-1:評分與評論系統 → Cloudflare D1 + Workers
P3-2:貨幣化系統 → 技能付費牆 / 訂閱制 / 70%分成
P3-3:AI 智能推薦 → Cloudflare Workers AI 行為推薦

📋 完整互動待辦清單

🔴P0(2項)

P0-1:torecord 依賴固定目錄

改造為「當前目錄優先 → fallback $HOME/.workbuddy/memo/」,解決學生第2.5小時卡死問題。

P0-2:memodata 缺口(✅ 已完成)

memos 9→14,plans 3→5。2026-04-11 由貞同步完成。

🟡P1(3項)

P1-1:Nav Hover 提示增強

hover 時顯示「外部站點:xxx」提示。工時:10分鐘。

P1-2:Hero 區重構

增加 tagline + 價值主張文字。工時:30分鐘。

P1-3:全局搜索功能

header 增加全局搜索框,搜尋技能+備忘。工時:1小時。

🔵P2(6項)

P2-1:需求廣場頁面

Static版(人力表單→手動發布),含 demands.json。

P2-2:幫助中心頁面

FAQ / 使用指南 Static版,基於現有教學內容。

P2-3:模板封裝工具

Starter Kit 標準化下載入口。

P2-4:使用量統計系統

利用 Cloudflare Analytics 基礎數據。

P2-5:跨站同步腳本

workskm ↔ aiworkforme nav/footer 腳本化,減少手動同步失誤。

P2-6:新手上架區

首頁增加「最近7天技能」專區,展示新增技能。

🌟P3(3項)

P3-1:評分與評論系統

用戶對技能評分、留言。技術:Cloudflare D1 + Workers。

P3-2:貨幣化系統

技能付費牆 / 訂閱制 / 70%分成。Phase 3 再考慮。

P3-3:AI 智能推薦

根據用戶行為推薦技能。技術:Cloudflare Workers AI。

workskm 網站設計與建置藍圖 V2.0 · 整合 #05/#04/#62/#64 · 2026-04-11