@wendongfly/myhi 1.3.19 → 1.3.21

package/dist/chat.html

@@ -458,7 +458,8 @@
       <div class="action-sheet-title" style="display:flex;align-items:center;justify-content:space-between;text-align:left">
         <span id="skill-sheet-title">技能管理</span>
         <div style="display:flex;gap:0.4rem">
-          <button onclick="showSkillImport()" style="background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:0.3rem 0.7rem;font-size:0.75rem;cursor:pointer">Git 安装</button>
+          <button onclick="showSkillMarket()" style="background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:0.3rem 0.7rem;font-size:0.75rem;cursor:pointer">市场</button>
+          <button onclick="showSkillImport()" style="background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:0.3rem 0.7rem;font-size:0.75rem;cursor:pointer">Git</button>
           <button onclick="showSkillEditor()" style="background:#7c3aed;color:#fff;border:none;border-radius:6px;padding:0.3rem 0.7rem;font-size:0.75rem;cursor:pointer">+ 新建</button>
         </div>
       </div>
@@ -486,6 +487,10 @@
             <input id="skill-git-url" class="slash-inp" placeholder="Git 仓库地址 (https:// 或 git@...)" autocomplete="off" style="flex:1">
             <button onclick="scanGitSkills()" style="background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:0.5rem 0.8rem;font-size:0.82rem;cursor:pointer;white-space:nowrap">扫描</button>
           </div>
+          <div id="skill-git-auth" style="display:flex;gap:0.4rem">
+            <input id="skill-git-user" class="slash-inp" placeholder="用户名 (可选)" autocomplete="off" style="flex:1">
+            <input id="skill-git-pass" class="slash-inp" placeholder="密码/Token (可选)" type="password" autocomplete="off" style="flex:1">
+          </div>
           <select id="skill-import-scope" class="slash-inp" style="background:#0d1117;color:#c9d1d9;border:1px solid #30363d;border-radius:8px;padding:0.5rem;font-size:0.82rem">
             <option value="user">安装到用户级 (~/.claude/commands/)</option>
             <option value="project">安装到项目级 (.claude/commands/)</option>
@@ -496,6 +501,11 @@
         <button id="skill-import-install-btn" class="action-sheet-cancel" style="display:none;background:#3fb950;color:#000;font-weight:600;margin-bottom:0.4rem" onclick="installGitSkills()">安装选中的技能</button>
         <button class="action-sheet-cancel" onclick="backToSkillList()">返回列表</button>
       </div>
+      <!-- 技能市场视图 -->
+      <div id="skill-market-view" style="display:none;flex:1;overflow-y:auto;scrollbar-width:thin;padding:0.3rem 0">
+        <div id="skill-market-list"></div>
+        <button class="action-sheet-cancel" onclick="backToSkillList()" style="margin-top:0.5rem">返回列表</button>
+      </div>
       <button id="skill-close-btn" class="action-sheet-cancel" onclick="closeSkillSheet()">关闭</button>
     </div>
   </div>
@@ -2062,6 +2072,7 @@
       document.getElementById('skill-list-view').style.display = '';
       document.getElementById('skill-edit-view').style.display = 'none';
       document.getElementById('skill-import-view').style.display = 'none';
+      document.getElementById('skill-market-view').style.display = 'none';
       document.getElementById('skill-close-btn').style.display = '';
       document.getElementById('skill-sheet-title').textContent = '技能管理';
       refreshSkillList();
@@ -2136,10 +2147,12 @@
       document.getElementById('skill-import-preview').style.display = 'none';
       document.getElementById('skill-import-install-btn').style.display = 'none';
       try {
+        const username = document.getElementById('skill-git-user').value.trim();
+        const password = document.getElementById('skill-git-pass').value;
         const resp = await fetch('/api/skills/scan-git', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ url }),
+          body: JSON.stringify({ url, username: username || undefined, password: password || undefined }),
         });
         const data = await resp.json();
         statusEl.innerHTML = '';
@@ -2198,6 +2211,51 @@
       loadSkills();
     };
 
+    // ── 技能市场 ──────────────────────────────────
+    const SKILL_MARKET = [
+      { name: 'Claude Command Suite', desc: '216+ 命令, 12 技能, 54 AI Agent — 全面的软件工程工作流', repo: 'qdhenry/Claude-Command-Suite', stars: '1k+', path: 'commands' },
+      { name: 'Production Commands', desc: '全栈开发、安全、数据/ML、DevOps 命令集', repo: 'wshobson/commands', stars: '500+', path: '' },
+      { name: 'Claude Slash Commands', desc: '轻量级常用命令集合，直接可用', repo: 'artemgetmann/claude-slash-commands', stars: '200+', path: '' },
+      { name: 'Claude Commands', desc: '自定义命令合集，附完整文档', repo: 'david-t-martel/claude-commands', stars: '100+', path: '' },
+      { name: 'Claude Code Skills', desc: '专业技能市场，生产级 Skill 合集', repo: 'daymade/claude-code-skills', stars: '100+', path: '' },
+      { name: 'My Claude Code', desc: '日常使用的精选命令和工作流', repo: 'vincenthopf/My-Claude-Code', stars: '50+', path: '' },
+    ];
+
+    window.showSkillMarket = function() {
+      document.getElementById('skill-list-view').style.display = 'none';
+      document.getElementById('skill-edit-view').style.display = 'none';
+      document.getElementById('skill-import-view').style.display = 'none';
+      document.getElementById('skill-market-view').style.display = '';
+      document.getElementById('skill-close-btn').style.display = 'none';
+      document.getElementById('skill-sheet-title').textContent = '技能市场';
+
+      const list = document.getElementById('skill-market-list');
+      list.innerHTML = '<div style="font-size:0.72rem;color:#8b949e;padding:0.3rem 0.5rem;border-bottom:1px solid #21262d">热门社区技能仓库 · 点击安装</div>' +
+        SKILL_MARKET.map((m, i) => `
+          <div class="action-sheet-item" style="gap:0.5rem">
+            <div style="min-width:0;flex:1;cursor:pointer" onclick="installFromMarket(${i})">
+              <div style="font-weight:500">${escHtml(m.name)} <span style="color:#8b949e;font-size:0.7rem">★ ${m.stars}</span></div>
+              <div class="desc">${escHtml(m.desc)}</div>
+              <div style="color:#58a6ff;font-size:0.68rem">${escHtml(m.repo)}</div>
+            </div>
+          </div>
+        `).join('') +
+        '<div style="padding:0.6rem 0.5rem;font-size:0.72rem;color:#8b949e;border-top:1px solid #21262d">' +
+        '更多: <a href="https://github.com/hesreallyhim/awesome-claude-code" target="_blank" style="color:#58a6ff">awesome-claude-code</a>' +
+        ' · <a href="https://skillsmp.com" target="_blank" style="color:#58a6ff">skillsmp.com</a>' +
+        ' · <a href="https://www.skillhub.club" target="_blank" style="color:#58a6ff">skillhub.club</a></div>';
+    };
+
+    window.installFromMarket = async function(idx) {
+      const m = SKILL_MARKET[idx];
+      const url = `https://github.com/${m.repo}.git`;
+      // 复用 Git 安装流程
+      showSkillImport();
+      document.getElementById('skill-git-url').value = url;
+      // 自动触发扫描
+      await scanGitSkills();
+    };
+
     // ── Git 提交推送 ──────────────────────────────
     const GIT_STORAGE_KEY = 'myhi-git-' + SESSION_ID;