workskm 建置白皮書

<section class="hero"> <div class="hero-content"> <!-- 平台標題 --> <h1 class="platform-title">workskm 技能廣場</h1> <p class="platform-subtitle">AI 驅動的個人知識資產累積與變現平台</p> <!-- 統計數據 --> <div class="stats-row"> <div class="stat-item"> <span class="stat-number">47</span> <span class="stat-label">技能</span> </div> <div class="stat-item"> <span class="stat-number">128</span> <span class="stat-label">用戶</span> </div> <div class="stat-item"> <span class="stat-number">￥3.2k</span> <span class="stat-label">交易量</span> </div> </div> <!-- CTA 按鈕 --> <div class="cta-row"> <a href="skills-list.html" class="cta-primary">探索技能</a> <a href="publish.html" class="cta-secondary">發布技能</a> </div> </div> </section>

// 讀取技能數據 async function loadSkills() { const response = await fetch('manifest.json'); const data = await response.json(); return data.skills || []; } // 搜索過濾 function filterSkills(skills, query, category) { return skills.filter(skill => { const matchQuery = !query || skill.name.includes(query) || skill.tags.some(tag => tag.includes(query)); const matchCategory = !category || skill.category === category; return matchQuery && matchCategory; }); } // 初始化搜索 document.getElementById('search-input').addEventListener('input', (e) => { const query = e.target.value; const filtered = filterSkills(allSkills, query, currentCategory); renderSearchResults(filtered); });