#54 WorkBuddy 技能市場建設計劃

📋 實施步驟 v1.0  |  📅 2026-04-10 14:40  |  🙏 由貞

🎯 目標

aiworkforme 首頁加入「技能市場」導航鍵,連結至獨立 Cloudflare Pages 專案 workskm,提供技能分享/免費/交易/交換平台。

📌 入口位置:aiworkforme 首頁右上角,「WorkBuddy 龍蝦版」按鈕右側

📐 系統架構總覽

🔗 架構圖

aiworkforme.com
  └── 導航列 [技能市場] ──→ workskm.pages.dev/ (Cloudflare Pages 專案)
                                ├── index.html          市場首頁(分類/搜尋/精選)
                                ├── manifest.json        技能索引(核心資料庫)
                                ├── manifest-sample.json  發布範本
                                ├── publish.html         發布引導頁
                                ├── about.html           關於/使用說明
                                ├── docs/                文件與模板
                                │   ├── SKILL-template.md   市場版 SKILL.md 模板
                                │   ├── manifest-spec.md    manifest 欄位規格
                                │   └── publish-guide.md    發布流程指南
                                └── asset/               樣式與腳本
                                    ├── style.css
                                    └── script.js

🗂️ manifest.json 核心格式設計

{
  "name": "技能名稱",
  "slug": "url-friendly-name",
  "version": "1.0.0",
  "author": "作者名",
  "description": "一句話描述",
  "longDescription": "詳細說明(支援 Markdown)",
  "tags": ["部署", "自動化", "AI"],
  "category": "devops",          ← devops|content|marketing|init|compare|error|utility|other
  "price": "免費",               ← 免費|積分|自訂
  "license": "MIT",
  "dependencies": [],           ← 依賴技能清單
  "skill_md_url": "https://.../SKILL.md",
  "preview_url": "https://...",  ← 技能效果截圖/示範
  "created": "2026-04-10",
  "updated": "2026-04-10",
  "downloads": 0,
  "rating": 0
}

✅ 實施步驟(共 7 步)

Step 1|Cloudflare 建立新專案 workskm
Step 2|建立專案目錄結構
C:\Users\Administrator\WorkBuddy\workskm\
├── index.html              # 市場首頁
├── manifest.json           # 技能索引(含由貞 47 項技能預填)
├── manifest-sample.json    # 發布範本
├── publish.html            # 發布引導頁
├── about.html              # 關於頁
├── asset\
│   ├── style.css           # 全域樣式
│   ├── script.js           # 首頁搜尋/分類邏輯
└── docs\
    ├── SKILL-template.md   # 市場版技能模板
    ├── manifest-spec.md    # manifest 欄位規格
    └── publish-guide.md    # 發布流程指南
Step 3|實作 index.html 市場首頁功能
功能說明
搜尋框即時過濾 manifest.json(名稱/描述/標籤)
分類標籤全部 / 部署 / 內容 / 行銷 / 初始化 / 比對 / 錯誤處理 / 其他
技能卡片名稱 / 作者 / 標籤晶片 / 價格 / 下載按鈕
詳情預覽點卡片 → 顯示完整 SKILL.md 內容(fetch skill_md_url)
排序最新 / 最熱 / 評分高
Step 4|實作 publish.html 發布引導頁
Step 5|預填由貞 47 項技能至 manifest.json

將 IDENTITY.md 中的 47 項技能依 category 分類填入 manifest.json,price 統一為「免費」,作為市場第一批內容。

Step 6|修改 aiworkforme-deploy/index.html
Step 7|審核後部署

🔮 未來擴展(v2.0+)

功能說明優先級
交易系統積分制(發布免費技能獲積分,下載付費技能扣積分)P1
評分留言下載後可評分(1-5★)+ 留言P2
技能依賴解析安裝時自動檢查並提示依賴技能P2
版本更新通知已安裝技能有新版本時提醒P2
skill-install 技能在 WorkBuddy 中直接「執行 skill-install」安裝市場技能P1
API 提交支援透過 API 提交/更新技能,取代手動複製P3
⚠️ 待確認事項

📁 相關檔案

檔案路徑
市場專案C:\Users\Administrator\WorkBuddy\workskm\
aiworkforme 首頁C:\Users\Administrator\WorkBuddy\aiworkforme-deploy\index.html
技術棧純 HTML + CSS + Vanilla JS(無需框架)
部署Cloudflare Pages(wrangler pages deploy)
由貞 🙏 製作 | WorkBuddy 智能助手