🤖 AI市集

🤖 AI市集網站建設計畫書

基於 01-firstthink.txt 與三站優化清單(#67),制定 AI市集 獨立站點的完整建設藍圖
📅 2026-04-11 📋 備忘 #68 🔗 生態:AI市集 × 技能廣場 × AI Work for Me ✅ 含明確待辦清單
📑 目錄
  1. 一、核心定位與願景
  2. 二、生態閉環分析
  3. 三、統一頂層導航體系
  4. 四、三階段建站藍圖
  5. Phase 1 詳細計畫(立即執行)
  6. 五、明確待辦清單
  7. 六、風險與對策
一、核心定位與願景
💰 生態變現閉環
🤖 買AI設備
AI市集
📚 免費學3小時課程
AI Work for Me
🛠️ 上架技能賺錢
技能廣場
💰 月入變現
技能廣場
🔄 推薦設備
回到AI市集
💡 AI市集的核心定位
三角生態的硬體入口。實現「AI設備 → 課程學習 → 技能變現」全鏈路閉環。用戶買了設備 → 設備預裝 WorkBuddy → 開機即學課程、即做技能、即變現。

差異化價值:不是普通電商,而是「變現工具提供者」。用戶買的不是硬體,而是「變現能力」。
🎯 與其他兩站的邊界
平台核心功能AI市集的協同
AI市集(新建)銷售AI硬體設備、售後服務為課程和技能廣場輸送「有設備、能實操」的用戶
AI Work for Me(現有)教授技能製作方法為AI市集硬體提供「學習場景」,提升設備使用價值
技能廣場(workskm)技能交易、變現為AI市集硬體提供「變現場景」,形成「買設備→賺錢」閉環
二、生態聯動觸點設計
↑↓ AI市集 ←→ 技能廣場(workskm)
AI市集 → 技能廣場:
✅ 設備詳情頁「生態權益包」標註「送技能廣場個人店鋪」
✅ 商城首頁展示「高算力需求技能」推薦卡片
✅ 設備包裝內含技能廣場兌換碼

技能廣場 → AI市集:
✅ 技能廣場標註「⚡高算力需求技能」,提示「推薦使用專業款AI電腦」
✅ 技能詳情頁連結至 AI市集相應設備
✅ Hero 區生態CTA:「設備不夠強?看看這裡→」
↑↓ AI市集 ←→ AI Work for Me(aiworkforme)
AI市集 → 課程:
✅ 首頁 CTA:「立即購買→免費學3小時課程→上架技能賺錢」
✅ 設備詳情頁「生態權益包」標註「送AI Work for Me課程」
✅ 設備包裝內含課程兌換卡

課程 → AI市集:
✅ aiworkforme 課程中「需要高算力實操」的章節,插入 AI市集設備購買連結
✅ Hero 區生態CTA連結至 AI市集
✅ 購買設備後享「專屬課程答疑群」
↑↓ 技能廣場 ←→ AI Work for Me(課程內置入口)
✅ aiworkforme 課程大綱中「技能廣場應用」章節連結至 workskm
✅ workskm 技能上架說明頁嵌入 aiworkforme 課程連結
✅ 課程畢業後自動獲得「技能廣場新手禮包」(免費上架費)
四、三階段建站藍圖

🔴 Phase 1 — 基礎建設

核心頁面 + 統一導航 + 生態雛形

  • 統一三站 Nav(#67 P0-1)
  • 新建 AI市集站點
  • 首頁生態聯動
  • 設備商城首頁
  • 分類導航
  • 資源中心標準化
  • 全局搜索推廣至三站
⏱ 預計:1-2天

🟡 Phase 2 — 生態聯動

設備詳情 + 交易系統 + 三站引流

  • 設備詳情頁
  • 生態權益包
  • 訂單管理系統
  • 支付功能
  • 售後服務頁
  • 三站互相引流
  • 個人中心完善
⏱ 預計:3-5天

🔵 Phase 3 — 精細運營

用戶評價 + 數據看板 + AI推薦

  • 用戶評價系統
  • 變現案例展示
  • 生態數據看板
  • AI設備智能推薦
  • 二手/租賃專區
  • 企業採購系統
  • 國際化擴展
⏱ 預計:長期
🔴 Phase 1 詳細計畫(立即執行)
P0-2 新建 AI市集站點(Cloudflare Pages 專案) 📋 待執行
專案名:`aimarket`(或 `ai-market`,需測試底線可用性)
部署 URL:https://aimarket.pages.dev

Phase 1 檔案結構:
aimarket/
├── index.html          ← 首頁:生態聯動Banner + 硬體產品區 + CTA
├── devices.html        ← 設備商城首頁:分類導航 + 產品卡片格
├── detail.html         ← 設備詳情頁(通用模板,URL參數切換)
├── about.html          ← 關於/生態說明
├── knowbase/
│   ├── index.html      ← 資源中心首頁
│   └── memodata.html   ← 備忘數據
├── manifest.json       ← 設備數據(名稱/價格/配置/權益)
└── .wb-config.json     ← 部署配置
P0-1 三站統一 Nav 實裝(最高優先) 📋 待執行
在實裝 AI市集站點之前,先完成三站 Nav 統一(因為 Nav 會影響所有頁面):
優先:先完成 workskm Nav 統一(#67 P0-1),再同步至 aiworkforme/upwholistics
Nav 設計:見上方「三、統一頂層導航體系」章節
注意:遵循 MEMORY.md「nav 禁止整段覆蓋」原則,aiworkforme 原有學生 nav 需保留核心(課程內容等)
P1-1 AI市集首頁生態聯動設計 📋 待執行
頂部 Banner:
- 主標語:「買AI設備,直接開啟技能變現
- 核心 CTA:「立即購買 → 免費學3小時課程上架技能賺錢
- 聯動入口:展示「AI電腦+課程」組合套餐

硬體產品核心區(三大產品線):
產品線目標用戶核心配置生態權益
入門創作款技能新手、兼職創作者32GB記憶體+基礎NPU送AI Work for Me課程+技能廣場個人店鋪
專業生產款全職技能開發者、工作室64GB記憶體+高效能NPU送課程+技能廣場優先審核+企業級技能模板
二手優品/租賃專區預算有限用戶、短期測試官方檢測二手/按天租賃租賃滿30天可抵扣購機款
P1-2 AI市集設備商城首頁 📋 待執行
分類導航:
- 按場景:辦公技能創作 / 設計類技能創作 / 編程類技能創作
- 按算力:基礎款 / 進階款 / 旗艦款
- 按價格:1000元內 / 1000-3000元 / 3000元以上

設備卡片格:產品圖(SVG placeholder)+ 名稱 + 核心配置 + 價格 + 生態權益標籤 + 購買按鈕
P1-3 AI市集設備詳情頁(通用模板) 📋 待執行
使用 URL 參數切換不同設備型號的通用模板:
`detail.html?device=entry` / `detail.html?device=pro` / `detail.html?device=rental`

內容結構:
1. 核心參數:AI算力 / 記憶體 / 存儲 / 預裝系統版本
2. 生態權益包:課程權益 + 技能廣場權益
3. 購買選項:全款購買 / 以租代購 / 企業採購
4. 用戶評價(Phase 2)
5. 相關技能推薦(連結 workskm)
P2-1 生態信任背書區 📋 待執行
用戶案例:「用入門款AI電腦製作『短影片文案生成』技能,月入4200元」
硬體保障:7天無理由退換 + 2年免費保修 + 系統終身升級
生態聯動提示:所有設備預裝 WorkBuddy 系統,開機即學課程、即做技能
P2-2 AI市集資源中心 📋 待執行
標準化資源中心,包含:
✅ FAQ / 硬體選購指南
✅ 設備使用教程(連結至 aiworkforme 課程相關章節)
✅ 變現案例庫(連結至 workskm 技能廣場)
✅ 規格比較表
✅ 售後服務說明

與其他兩站共用:knowbase/ 目錄結構與 workskm 保持一致
五、明確待辦清單(Phase 1)
4
🔴 P0 核心缺失
4
🟡 P1 基礎功能
3
🔵 P2 生態建設
11
總計 Phase 1
P0 三站統一 Nav 實裝 📋 workskm → aiworkforme → upwholistics
設計統一生態 Nav,實裝至三站。遵循 MEMORY.md「nav 禁止整段覆蓋」原則。
P0 新建 AI市集站點(aimarket) 📋 Cloudflare Pages 新建專案
建立 `aimarket` 專案,部署空白首頁框架,確認 URL 可訪問。
P0 AI市集首頁生態聯動 Banner 📋 主標語 + 三按鈕 CTA
「買AI設備,直接開啟技能變現」+ 立即購買→免費學3小時課程→上架技能賺錢
P0 設備商城首頁 + 分類導航 📋 devices.html + 分類篩選
三大產品線(入門款/專業款/二手&租賃)+ 三種分類維度(場景/算力/價格)
P1 設備詳情頁(通用模板) 📋 detail.html?device=xxx
核心參數 + 生態權益包 + 購買選項(Phase 2 完善支付)
P1 硬體產品核心區(三大產品線卡片) 📋 index.html 產品展示
入門創作款 / 專業生產款 / 二手優品&租賃專區,含配置和生態權益
P1 全局搜索推廣至 AI市集站 📋 設備搜尋(manifest.json)
AI市集 Nav 搜索框:搜設備型號 / 搜配置 / 搜價格區間
P1 AI市集資源中心(knowbase/) 📋 FAQ + 選購指南 + 變現案例
標準化結構,與 workskm 資源中心一致的視覺和功能
P2 生態信任背書區 📋 用戶案例 + 硬體保障 + 生態提示
變現案例展示 / 7天退換+2年保修 / WorkBuddy預裝生態提示
P2 三站互相引流(Nav CTA + Hero CTA) 📋 workskm + aiworkforme + aimarket 互相連結
技能廣場標註「⚡高算力需求技能」→ AI市集;課程章節 → AI市集設備連結
P2 個人中心下拉(Nav 個人中心▼) 📋 我的資產/設備/訂單中心/幫助中心
我的資產 → workskm;我的設備/訂單中心 → aimarket;幫助中心 → workskm/help.html
六、風險與對策
⚠️ nav 覆蓋風險
aiworkforme 原有學生專用 nav 可能被覆蓋。
對策:嚴格遵守 MEMORY.md「nav 禁止整段覆蓋」原則,先讀取原始 nav,只修改生態核心區,不動學生內容 nav。
⚠️ 視覺不一致風險
三站色彩差異大(紫色 vs 綠色 vs 深藍)。
對策:先統一 Nav / 資源中心 / Footer;各站 Hero/品牌區保留特色,衝突區域協商取最大值。
⚠️ 實物庫存風險
AI市集是硬體銷售,需要真實貨源和物流。
對策:Phase 1/2 先做 Static 展示頁,支付/物流/庫存系統在 Phase 3(需後端)實現。短期可做「意向登記」表單收集需求。