@wendongfly/myhi 1.3.194 → 1.3.195

package/dist/chat.html

@@ -454,6 +454,66 @@
     .dr-btn.take { background: var(--green); color: #fff; font-weight: 600; }
     .dr-btn:active { opacity: 0.75; }
     .dr-src { color: var(--blue2); }
+    /* 技能面板 */
+    .skl-box { max-width: 640px !important; max-height: min(88vh, 820px); min-height: min(460px, 80vh); display: flex; flex-direction: column; padding-top: 0.6rem !important; }
+    @media (min-width: 769px) { #skill-sheet.open { align-items: center; } #skill-sheet .skl-box { border-radius: 14px; } }
+    .skl-head { display: flex; align-items: center; gap: 0.5rem; padding: 0.1rem 0.1rem 0.55rem; border-bottom: 1px solid var(--surface2); }
+    .skl-head b { font-size: 0.92rem; }
+    .skl-back { background: none; border: none; color: var(--text2); font-size: 1.3rem; line-height: 1; cursor: pointer; padding: 0 0.3rem; border-radius: 6px; }
+    .skl-back:hover { background: var(--surface2); }
+    .skl-view { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; padding: 0.55rem 0.1rem 0.2rem; }
+    .skl-tools { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.5rem; }
+    .skl-tool { border: 1px solid var(--border); background: var(--surface2); color: var(--text2); border-radius: 8px; padding: 0.3rem 0.6rem; font-size: 0.74rem; cursor: pointer; white-space: nowrap; position: relative; }
+    .skl-tool.pri { background: var(--purple); border-color: var(--purple); color: #fff; font-weight: 600; }
+    .skl-badge { position: absolute; top: -6px; right: -6px; background: var(--green); color: #fff; border-radius: 8px; font-size: 0.6rem; padding: 0 0.3rem; font-weight: 700; }
+    .skl-banner { background: rgba(46,160,67,0.1); color: var(--green); border-radius: 8px; padding: 0.4rem 0.6rem; font-size: 0.74rem; cursor: pointer; margin-bottom: 0.4rem; }
+    .skl-grp { font-size: 0.68rem; color: var(--muted); font-weight: 600; padding: 0.5rem 0.2rem 0.2rem; }
+    .skl-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.3rem; border-bottom: 1px solid var(--surface2); border-radius: 6px; }
+    .skl-item:hover { background: var(--surface2); }
+    .skl-main { flex: 1; min-width: 0; cursor: pointer; }
+    .skl-name { color: var(--purple2); font-weight: 600; font-size: 0.84rem; }
+    .skl-desc { font-size: 0.72rem; color: var(--muted); line-height: 1.45; margin-top: 0.1rem; word-break: break-word; }
+    .skl-tag { display: inline-block; margin-left: 0.35rem; font-size: 0.6rem; padding: 0.02rem 0.35rem; border-radius: 8px; border: 1px solid var(--border); color: var(--muted); vertical-align: 1px; }
+    .skl-tag.skill { border-color: var(--green); color: var(--green); }
+    .skl-tag.command { border-color: var(--purple2); color: var(--purple2); }
+    .skl-acts { display: flex; gap: 0.25rem; flex-shrink: 0; }
+    .skl-empty { text-align: center; color: var(--muted); padding: 1.6rem 0.5rem; font-size: 0.8rem; line-height: 1.7; }
+    .skl-foot { font-size: 0.68rem; color: var(--muted); line-height: 1.55; padding: 0.6rem 0.2rem 0; }
+    .skl-row { display: flex; gap: 0.4rem; align-items: center; margin-bottom: 0.35rem; flex-wrap: wrap; }
+    .skl-sel { flex: 1; min-width: 9rem; background: var(--bg); color: var(--text2); border: 1px solid var(--border); border-radius: 8px; padding: 0.45rem; font-size: 0.8rem; }
+    .skl-hint { font-size: 0.72rem; color: var(--muted); line-height: 1.6; }
+    .skl-hint code { background: var(--surface2); padding: 0 0.25rem; border-radius: 3px; }
+    .skl-lbl { font-size: 0.72rem; color: var(--text2); font-weight: 600; margin: 0.6rem 0 0.3rem; }
+    .skl-radios { display: flex; gap: 0.4rem; flex-wrap: wrap; }
+    .skl-radios label { flex: 1; min-width: 10rem; display: flex; gap: 0.4rem; align-items: flex-start; border: 1px solid var(--border); border-radius: 8px; padding: 0.45rem 0.55rem; cursor: pointer; font-size: 0.78rem; }
+    .skl-radios label b { white-space: nowrap; }
+    .skl-radios label small { display: block; color: var(--muted); font-size: 0.68rem; margin-top: 0.1rem; }
+    .skl-radios input { margin-top: 0.2rem; }
+    .skl-card { border: 1px solid var(--border); border-radius: 9px; padding: 0.5rem 0.6rem; margin-bottom: 0.45rem; font-size: 0.8rem; }
+    .skl-share-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem; }
+    @media (max-width: 480px) { .skl-share-grid { grid-template-columns: 1fr; } }
+    .skl-big { text-align: left; border: 1px solid var(--border); background: var(--bg); color: var(--text); border-radius: 10px; padding: 0.55rem 0.65rem; cursor: pointer; display: grid; grid-template-columns: 1.6rem 1fr; column-gap: 0.3rem; align-items: center; }
+    .skl-big:hover { border-color: var(--purple); }
+    .skl-big span { grid-row: span 2; font-size: 1.1rem; }
+    .skl-big b { font-size: 0.8rem; }
+    .skl-big small { color: var(--muted); font-size: 0.66rem; line-height: 1.4; }
+    .skl-out { margin-top: 0.5rem; font-size: 0.76rem; color: var(--text2); line-height: 1.6; background: var(--surface2); border-radius: 8px; padding: 0.5rem 0.6rem; }
+    .skl-warn { background: rgba(248,81,73,0.1); color: var(--red); border-radius: 8px; padding: 0.45rem 0.6rem; font-size: 0.74rem; line-height: 1.55; margin: 0.4rem 0; }
+    .skl-ok { color: var(--green); font-size: 0.74rem; margin: 0.35rem 0; }
+    .skl-findings { margin: 0.35rem 0; display: flex; flex-direction: column; gap: 0.25rem; }
+    .skl-f { font-size: 0.72rem; border-radius: 6px; padding: 0.3rem 0.5rem; line-height: 1.5; }
+    .skl-f.danger { background: rgba(248,81,73,0.1); color: var(--red); }
+    .skl-f.warn { background: rgba(210,153,34,0.1); color: var(--yellow); }
+    .skl-f small { color: var(--muted); }
+    .skl-f code { display: block; margin-top: 0.15rem; font-size: 0.68rem; color: var(--text2); white-space: pre-wrap; word-break: break-all; }
+    .skl-files { margin: 0.4rem 0; font-size: 0.74rem; }
+    .skl-files summary { cursor: pointer; color: var(--blue2); }
+    .skl-files pre { background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 0.45rem; font-size: 0.7rem; max-height: 14rem; overflow: auto; white-space: pre-wrap; word-break: break-word; }
+    .skl-fname { font-weight: 600; margin-top: 0.4rem; color: var(--text2); }
+    .skl-confirm { display: flex; gap: 0.4rem; align-items: center; font-size: 0.74rem; color: var(--text2); margin-top: 0.4rem; cursor: pointer; }
+    .skl-pick { display: flex; gap: 0.5rem; align-items: flex-start; padding: 0.45rem 0.2rem; border-bottom: 1px solid var(--surface2); cursor: pointer; }
+    .skl-pick input { margin-top: 0.2rem; }
+    .sk.skl-dot::after { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--green); margin-left: 0.25rem; vertical-align: 2px; }
     /* 草稿面板（队列） */
     .ib-box { max-width: 640px !important; max-height: min(86vh, 760px); min-height: min(420px, 80vh); display: flex; flex-direction: column; padding-top: 0.6rem !important; }
     @media (min-width: 769px) { #inbox-sheet.open { align-items: center; } #inbox-sheet .ib-box { border-radius: 14px; } }
@@ -467,8 +527,15 @@
     .ib-pane { flex: 1; min-height: 0; display: flex; flex-direction: column; }
     .ib-bar { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.1rem 0.35rem; flex-wrap: wrap; }
     .ib-hint { flex: 1; min-width: 8em; font-size: 0.68rem; color: var(--muted); line-height: 1.45; }
-    .ib-autoall { display: flex; align-items: center; gap: 0.3rem; font-size: 0.72rem; color: var(--text2); cursor: pointer; white-space: nowrap; }
-    .ib-autoall input { width: 0.95rem; height: 0.95rem; }
+    .ib-autoall { display: flex; align-items: center; gap: 0.4rem; position: relative; font-size: 0.72rem; color: var(--text2); cursor: pointer; white-space: nowrap; }
+    /* 开关样式：比「复选框 + ▶」直观，一眼看出开 / 关 */
+    .ib-autoall input { position: absolute; opacity: 0; width: 0; height: 0; }
+    .ib-sw { position: relative; width: 1.9rem; height: 1.05rem; border-radius: 1rem; background: var(--border2, var(--border)); transition: background 0.15s; flex-shrink: 0; }
+    .ib-sw::after { content: ''; position: absolute; top: 0.125rem; left: 0.125rem; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25); transition: transform 0.15s; }
+    .ib-autoall input:checked + .ib-sw { background: var(--green); }
+    .ib-autoall input:checked + .ib-sw::after { transform: translateX(0.85rem); }
+    .ib-autoall input:indeterminate + .ib-sw { background: rgba(46,160,67,0.45); }
+    .ib-autoall input:focus-visible + .ib-sw { outline: 2px solid var(--green); outline-offset: 2px; }
     .ib-paused { display: flex; align-items: center; gap: 0.5rem; font-size: 0.7rem; color: var(--yellow); background: rgba(210,153,34,0.10); border-radius: 8px; padding: 0.35rem 0.55rem; margin-bottom: 0.3rem; }
     .ib-paused span { flex: 1; }
     .ib-list { flex: 1; min-height: 3rem; overflow-y: auto; scrollbar-width: thin; }
@@ -989,8 +1056,8 @@
         <div class="ib-bar">
           <span id="ib-hint" class="ib-hint"></span>
           <button id="ib-sel-btn" class="dr-btn" onclick="ibToggleSelect()" title="勾选几条后合并、一起取回或删除">☑ 多选</button>
-          <label class="ib-autoall" title="勾上后：每干完一轮，自动按顺序发出下一条（每条都是一轮真实的模型调用）。上一轮被中断或出错时会暂停，等你确认再继续。">
-            <input type="checkbox" id="ib-auto-all" onchange="ibAutoAll(this.checked)"> ▶ 依次自动发送
+          <label id="ib-autoall" class="ib-autoall" title="打开后：每干完一轮，自动按顺序发出下一条（每条都是一轮真实的模型调用）。上一轮被中断或出错时会暂停，等你确认再继续。">
+            <input type="checkbox" id="ib-auto-all" onchange="ibAutoAll(this.checked)"><span class="ib-sw"></span>依次自动发送
           </label>
         </div>
         <div id="ib-paused" class="ib-paused" style="display:none">
@@ -1199,59 +1266,113 @@
 
   <div id="skill-sheet" class="action-sheet">
     <div class="action-sheet-backdrop" onclick="closeSkillSheet()"></div>
-    <div class="action-sheet-box" style="max-height:85vh;display:flex;flex-direction:column">
-      <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="showSkillMarket()" style="background:var(--surface2);color:var(--text2);border:1px solid var(--border);border-radius:6px;padding:0.3rem 0.7rem;font-size:0.75rem;cursor:pointer">市场</button>
-          <button onclick="showSkillImport()" style="background:var(--surface2);color:var(--text2);border:1px solid var(--border);border-radius:6px;padding:0.3rem 0.7rem;font-size:0.75rem;cursor:pointer">Git</button>
-          <button onclick="showSkillEditor()" style="background:var(--purple);color:#fff;border:none;border-radius:6px;padding:0.3rem 0.7rem;font-size:0.75rem;cursor:pointer">+ 新建</button>
-        </div>
+    <div class="action-sheet-box skl-box">
+      <div class="skl-head">
+        <button id="skl-back" class="skl-back" onclick="sklView('list')" style="display:none" title="返回">‹</button>
+        <b id="skill-sheet-title">技能</b>
+        <button class="ib-x" onclick="closeSkillSheet()" title="关闭">✕</button>
       </div>
-      <!-- 技能列表视图 -->
-      <div id="skill-list-view" style="flex:1;overflow-y:auto;scrollbar-width:thin">
-        <div style="text-align:center;color:var(--muted);padding:2rem 0">加载中...</div>
+      <!-- 列表 -->
+      <div id="skl-v-list" class="skl-view">
+        <div class="skl-tools">
+          <button class="skl-tool pri" onclick="sklView('gen')" title="把本次任务里的做法提炼成技能，以后一点就能复用">✨ 从本次任务生成</button>
+          <button class="skl-tool" onclick="sklView('import')" title="粘贴分享码 / 分享链接，或选择技能文件">📥 导入</button>
+          <button class="skl-tool" onclick="sklView('team')" title="团队技能仓库：订阅、检查更新">👥 团队仓库<span id="skl-upd-badge" class="skl-badge" style="display:none"></span></button>
+          <button class="skl-tool" onclick="showSkillMarket()">🛒 市场</button>
+          <button class="skl-tool" onclick="showSkillEditor()">＋ 手写</button>
+        </div>
+        <div id="skl-upd-banner" class="skl-banner" style="display:none" onclick="sklView('team')"></div>
+        <div id="skill-list-view" class="skl-list"></div>
+        <div class="skl-foot">技能 = 预先写好的一段做事方法。<b>手动技能</b>点快捷栏按钮（或输入 /名称）运行；<b>自动技能</b>不用点，AI 遇到合适的场景会自己用。</div>
       </div>
-      <!-- 技能编辑视图 -->
-      <div id="skill-edit-view" style="display:none;flex:1;overflow-y:auto;scrollbar-width:thin;padding:0.3rem 0.2rem">
-        <div style="display:flex;flex-direction:column;gap:0.4rem">
-          <input id="skill-name" class="slash-inp" placeholder="技能名称 (如 mosaic-names)" autocomplete="off">
-          <select id="skill-scope" class="slash-inp" style="background:var(--bg);color:var(--text2);border:1px solid var(--border);border-radius:8px;padding:0.5rem;font-size:0.82rem">
-            <option value="user">用户级 (~/.claude/commands/)</option>
-            <option value="project">项目级 (.claude/commands/)</option>
+      <!-- 编辑 -->
+      <div id="skl-v-edit" class="skl-view" style="display:none">
+        <div class="skl-row">
+          <input id="skill-name" class="slash-inp" placeholder="名称（英文，如 deploy-test）" autocomplete="off" style="flex:1">
+        </div>
+        <div class="skl-row">
+          <select id="skill-kind" class="slash-inp skl-sel" onchange="sklKindChanged()">
+            <option value="command">手动技能（/命令，点按钮运行）</option>
+            <option value="skill">自动技能（AI 遇到合适场景自己用）</option>
+          </select>
+          <select id="skill-scope" class="slash-inp skl-sel">
+            <option value="project">只在本项目</option>
+            <option value="user">本机所有项目</option>
           </select>
-          <textarea id="skill-content" class="slash-inp" placeholder="# 技能标题&#10;&#10;技能描述和指令内容..." rows="10" style="resize:vertical;font-family:monospace;font-size:0.78rem;line-height:1.5"></textarea>
         </div>
-        <button class="action-sheet-cancel" style="background:var(--purple);color:#fff;font-weight:600;margin-top:0.5rem;margin-bottom:0.4rem" onclick="saveSkill()">保存</button>
-        <button class="action-sheet-cancel" onclick="backToSkillList()">返回列表</button>
+        <textarea id="skill-content" class="slash-inp" rows="14" style="resize:vertical;font-family:monospace;font-size:0.78rem;line-height:1.5;width:100%;box-sizing:border-box"></textarea>
+        <div id="skill-edit-hint" class="skl-hint"></div>
+        <button class="action-sheet-cancel" style="background:var(--purple);color:#fff;font-weight:600;margin-top:0.5rem" onclick="saveSkill()">保存</button>
       </div>
-      <!-- Git 安装视图 -->
-      <div id="skill-import-view" style="display:none;flex:1;overflow-y:auto;scrollbar-width:thin;padding:0.3rem 0.2rem">
-        <div style="display:flex;flex-direction:column;gap:0.4rem">
-          <div style="display:flex;gap:0.4rem">
-            <input id="skill-git-url" class="slash-inp" placeholder="Git 仓库地址 (https:// 或 git@...)" autocomplete="off" style="flex:1">
-            <button onclick="scanGitSkills()" style="background:var(--purple);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 id="skl-v-gen" class="skl-view" style="display:none">
+        <div class="skl-hint" style="margin-bottom:0.5rem">让正在干活的 AI 把<b>本次任务里的做法</b>提炼成可复用的技能：项目特有的路径、名字会改成参数，不会写进密码等敏感信息。AI <b>先出草稿给你确认</b>，确认后才保存。</div>
+        <textarea id="skl-gen-hint" class="slash-inp" rows="3" placeholder="想沉淀成什么技能？例如「把今天这套部署到测试环境的流程做成技能」。可以留空，让 AI 自己判断" style="width:100%;box-sizing:border-box;resize:vertical"></textarea>
+        <div class="skl-lbl">技能类型</div>
+        <div class="skl-radios">
+          <label><input type="radio" name="skl-gen-kind" value="command" checked> <b>手动技能</b><small>点按钮 / 输入 /名称 才运行，最直观</small></label>
+          <label><input type="radio" name="skl-gen-kind" value="skill"> <b>自动技能</b><small>AI 遇到合适场景自己用，可带辅助脚本</small></label>
+        </div>
+        <div class="skl-lbl">保存到</div>
+        <div class="skl-radios">
+          <label><input type="radio" name="skl-gen-scope" value="project" checked> <b>只在本项目</b><small>跟着项目目录走</small></label>
+          <label><input type="radio" name="skl-gen-scope" value="user"> <b>本机所有项目</b><small>这台电脑上的任务都能用</small></label>
+        </div>
+        <button class="action-sheet-cancel" style="background:var(--purple);color:#fff;font-weight:600;margin-top:0.6rem" onclick="genSkillFromTask()">✨ 让 AI 起草</button>
+      </div>
+      <!-- 分享 -->
+      <div id="skl-v-share" class="skl-view" style="display:none">
+        <div id="skl-share-info" class="skl-card"></div>
+        <div id="skl-share-warn" class="skl-warn" style="display:none"></div>
+        <div class="skl-share-grid">
+          <button class="skl-big" onclick="sklShareDownload()"><span>⬇</span><b>下载技能文件</b><small>微信 / 邮件发给对方，对方「📥 导入」</small></button>
+          <button class="skl-big" onclick="sklShareCode()"><span>📋</span><b>复制分享码</b><small>一段文本，粘贴给对方导入</small></button>
+          <button class="skl-big" onclick="sklShareLink()"><span>🔗</span><b>生成分享链接</b><small>同一局域网 / Tailscale 的 myhi 直接导入，24 小时有效</small></button>
+          <button class="skl-big" onclick="sklSharePublishForm()"><span>👥</span><b>发布到团队仓库</b><small>推到 Git 仓库，订阅的人会收到更新</small></button>
+        </div>
+        <div id="skl-share-out" class="skl-out" style="display:none"></div>
+        <div id="skl-pub-form" style="display:none;margin-top:0.5rem">
+          <input id="skl-pub-url" class="slash-inp" placeholder="仓库地址（https://… 或 git@…）" autocomplete="off" style="width:100%;box-sizing:border-box;margin-bottom:0.35rem">
+          <div class="skl-row">
+            <input id="skl-pub-user" class="slash-inp" placeholder="用户名（可选）" autocomplete="off" style="flex:1">
+            <input id="skl-pub-pass" class="slash-inp" type="password" placeholder="Token（需要写权限）" autocomplete="off" style="flex:1">
+            <input id="skl-pub-branch" class="slash-inp" placeholder="分支（默认）" autocomplete="off" style="width:6.5rem">
           </div>
-          <select id="skill-import-scope" class="slash-inp" style="background:var(--bg);color:var(--text2);border:1px solid var(--border);border-radius:8px;padding:0.5rem;font-size:0.82rem">
-            <option value="user">安装到用户级 (~/.claude/commands/)</option>
-            <option value="project">安装到项目级 (.claude/commands/)</option>
+          <button class="action-sheet-cancel" style="background:var(--purple);color:#fff;font-weight:600;margin-top:0.4rem" onclick="sklPublish()">发布</button>
+        </div>
+      </div>
+      <!-- 导入 -->
+      <div id="skl-v-import" class="skl-view" style="display:none">
+        <textarea id="skl-imp-text" class="slash-inp" rows="3" placeholder="粘贴分享码（MYHI-SKILL:…）或分享链接（…/s/skill/…）" style="width:100%;box-sizing:border-box;resize:vertical"></textarea>
+        <div class="skl-row" style="margin-top:0.35rem">
+          <button class="dr-btn" onclick="document.getElementById('skl-imp-file').click()">📄 选择技能文件</button>
+          <input type="file" id="skl-imp-file" accept=".myhiskill,.json,.md" style="display:none" onchange="sklImportFile(this.files[0]); this.value='';">
+          <button class="dr-btn take" style="margin-left:auto" onclick="sklImportPreview()">预览</button>
+        </div>
+        <div id="skl-imp-preview"></div>
+      </div>
+      <!-- 团队仓库 -->
+      <div id="skl-v-team" class="skl-view" style="display:none">
+        <div id="skl-subs"></div>
+        <div class="skl-lbl" style="margin-top:0.6rem">添加团队仓库</div>
+        <input id="skill-git-url" class="slash-inp" placeholder="Git 仓库地址（https://… 或 git@…）" autocomplete="off" style="width:100%;box-sizing:border-box;margin-bottom:0.35rem">
+        <div class="skl-row">
+          <input id="skill-git-user" class="slash-inp" placeholder="用户名（可选）" autocomplete="off" style="flex:1">
+          <input id="skill-git-pass" class="slash-inp" type="password" placeholder="密码 / Token（可选）" autocomplete="off" style="flex:1">
+        </div>
+        <div class="skl-row">
+          <select id="skill-import-scope" class="slash-inp skl-sel">
+            <option value="user">装到本机所有项目</option>
+            <option value="project">只装到本项目</option>
           </select>
+          <button class="dr-btn take" onclick="scanGitSkills()">扫描</button>
         </div>
-        <div id="skill-import-preview" style="display:none;margin-top:0.5rem;padding:0.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:0.78rem;max-height:30vh;overflow-y:auto;scrollbar-width:thin"></div>
-        <div id="skill-import-scan-btn"></div>
-        <button id="skill-import-install-btn" class="action-sheet-cancel" style="display:none;background:var(--green);color:#000;font-weight:600;margin-bottom:0.4rem" onclick="installGitSkills()">安装选中的技能</button>
-        <button class="action-sheet-cancel" onclick="backToSkillList()">返回列表</button>
+        <div id="skill-import-preview"></div>
       </div>
-      <!-- 技能市场视图 -->
-      <div id="skill-market-view" style="display:none;flex:1;overflow-y:auto;scrollbar-width:thin;padding:0.3rem 0">
+      <!-- 市场 -->
+      <div id="skl-v-market" class="skl-view" style="display:none">
         <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>
 
@@ -2689,6 +2810,7 @@
         try { updateInjectBtn(); } catch {}
         // 用 try 包住：这两个绑定声明在文件后段，初始化早期调用会撞 TDZ
         try { if (!busy) _draftTipDismissed = false; renderDraftTip(); } catch {}
+        try { if (!busy && _sklGenPending) { const sc = _sklGenPending; _sklGenPending = false; loadSkills(); fetch('/api/skills/changed', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ sessionId: SESSION_ID, scope: sc }) }).catch(() => {}); } } catch {}
         try { if (!busy) _ibIdleSince = Date.now(); if (document.getElementById('inbox-sheet').classList.contains('open')) renderInbox(); } catch {}
         try { if (!busy) checkGuide(); else renderGuideTip(); } catch {}
       }
@@ -3821,7 +3943,7 @@
       followup: ['🔄 跟进', '长任务交出去后，AI 每说完一轮，隔一段时间自动替你问进度、让它接着干；判断全部完成就停（最多 5 次，每次都算一轮模型调用）。'],
       git:      ['提交', '查看改动并 git 提交 / 推送。'],
       memory:   ['记忆', '查看、编辑「项目说明」和 AI 的长期记忆，每次新对话都会带上；长期项目可一键让 AI 生成项目说明。'],
-      skills:   ['技能', '管理常用指令模板（/命令），一点就发；可自建。'],
+      skills:   ['技能', '把做事方法存成技能，以后一点就能复用：可从本次任务一键生成，分享给其他 myhi（文件 / 分享码 / 链接 / 团队仓库），导入前自动做安全检查。'],
       cost:     ['费用', '查看本次会话的 token 用量与花费。'],
     };
     document.querySelectorAll('.sk[data-sk]').forEach(b => { const h = SK_HELP[b.dataset.sk]; if (h && !b.title) b.title = h[1]; });
@@ -5303,6 +5425,8 @@
       const selBtn = document.getElementById('ib-sel-btn');
       selBtn.textContent = _ibSelMode ? '完成' : '☑ 多选';
       selBtn.style.display = mine.length > 1 || _ibSelMode ? '' : 'none';
+      // 多选时只管勾选和批量操作，自动发送开关先藏起来；没草稿时也不显示
+      document.getElementById('ib-autoall').style.display = _ibSelMode || !mine.length ? 'none' : '';
 
       // 暂停提示：有待自动发送的草稿，会话却已空闲一阵（上一轮被中断 / 出错时不会自动往下发）
       clearTimeout(_ibPauseTimer);
@@ -5922,6 +6046,7 @@
         const customs = _customSkills.filter(s => s.source !== 'builtin');
         // 内置技能：始终逐个显示（青绿色）
         const builtinEl = document.getElementById('sk-builtin-skills');
+        loadSubs();   // 团队仓库有更新时快捷栏「技能」按钮带个绿点
         builtinEl.innerHTML = builtins.map(s =>
           `<button class="sk sk-claude" onclick="runSkill('${escHtml(s.name)}')" title="${escHtml(s.desc)}" style="color:var(--teal)">/${escHtml(s.name)}</button>`
         ).join('');
@@ -5930,14 +6055,15 @@
         if (!customs.length) { customEl.innerHTML = ''; return; }
         if (customs.length <= 3) {
           customEl.innerHTML = customs.map(s =>
-            `<button class="sk sk-claude" onclick="runSkill('${escHtml(s.name)}')" title="${escHtml(s.desc)}" style="color:var(--purple2)">/${escHtml(s.name)}</button>`
+            `<button class="sk sk-claude" onclick="runSkill('${escHtml(s.name)}', false, '${s.kind || 'command'}')" title="${escHtml(s.desc)}${s.kind === 'skill' ? '（自动技能：AI 也会在合适时自己用）' : ''}" style="color:var(--purple2)">${s.kind === 'skill' ? '🧠' : '/'}${escHtml(s.name)}</button>`
           ).join('');
         } else {
           customEl.innerHTML = `<button class="sk sk-claude" onclick="openCmdSheet()" style="color:var(--purple2)">/命令 (${customs.length})</button>`;
         }
       } catch {}
     }
-    window.runSkill = function(name, skipPrompt) {
+    window.runSkill = function(name, skipPrompt, kind) {
+      _pendingSkillKind = kind || _customSkills.find(s => s.name === name)?.kind || 'command';
       // 直接运行（从弹窗确认后调用 skipPrompt=true）
       if (skipPrompt) {
         if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
@@ -5948,10 +6074,10 @@
         return;
       }
       // 先弹窗让用户补充要求
-      const skill = _customSkills.find(s => s.name === name);
+      const skill = _customSkills.find(s => s.name === name && (s.kind || 'command') === _pendingSkillKind);
       openSkillRunSheet(name, skill?.desc);
     };
-    let _pendingSkillName = null;
+    let _pendingSkillName = null, _pendingSkillKind = 'command';
     window.openSkillRunSheet = function(name, desc) {
       _pendingSkillName = name;
       const sheet = document.getElementById('skill-run-sheet');
@@ -5973,6 +6099,13 @@
       closeSkillRunSheet();
       if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
       const displayCmd = args ? `/${name} ${args}` : `/${name}`;
+      if (_pendingSkillKind === 'skill') {
+        // 自动技能（Agent 技能）没有 /命令：明确请 AI 用它
+        socket.emit('agent:query', { prompt: `请使用「${name}」技能${args ? '完成：' + args : '。'}` });
+        addInputMessage(`🧠 ${name}${args ? ' ' + args : ''}`);
+        showThinking();
+        return;
+      }
       if (skill?.source === 'builtin') {
         // 内置技能不在 .claude/commands/ 里，需拉取内容后直接发送为 prompt
         try {
@@ -6005,8 +6138,8 @@
         const filtered = _customSkills.filter(s =>
           s.source !== 'builtin' && (!kw || s.name.toLowerCase().includes(kw) || (s.desc || '').toLowerCase().includes(kw)));
         listEl.innerHTML = filtered.length
-          ? filtered.map(s => `<div class="action-sheet-item" onclick="runSkillAndClose('${escHtml(s.name)}')">
-              <div><div style="color:var(--purple3)">/${escHtml(s.name)}</div>${s.desc ? `<div class="desc">${escHtml(s.desc)}</div>` : ''}</div>
+          ? filtered.map(s => `<div class="action-sheet-item" onclick="runSkillAndClose('${escHtml(s.name)}', '${s.kind || 'command'}')">
+              <div><div style="color:var(--purple3)">${s.kind === 'skill' ? '🧠 ' : '/'}${escHtml(s.name)}</div>${s.desc ? `<div class="desc">${escHtml(s.desc)}</div>` : ''}</div>
             </div>`).join('')
           : '<div style="text-align:center;color:var(--muted);padding:1.5rem 0;font-size:0.82rem">无匹配命令</div>';
       };
@@ -6018,9 +6151,9 @@
     window.closeCmdSheet = function() {
       document.getElementById('cmd-sheet').classList.remove('open');
     };
-    window.runSkillAndClose = function(name) {
+    window.runSkillAndClose = function(name, kind) {
       closeCmdSheet();
-      runSkill(name);
+      runSkill(name, false, kind);
     };
     // 加入会话后加载 skill
     socket.on('joined', () => {
@@ -6032,252 +6165,440 @@
       if (document.getElementById('inbox-sheet')?.classList.contains('open')) renderInbox();
     });
 
-    // ── 技能管理 ──────────────────────────────────
-    let _editingSkill = null; // 编辑中的技能名，null 表示新建
+    // ── 技能管理（见 src/skills.js）────────────────────────
+    //   手动技能 = Claude 的斜杠命令（.claude/commands/名.md）；自动技能 = Agent 技能（.claude/skills/名/SKILL.md，AI 自己调用）。
+    //   ✨ 从本次任务生成（AI 起草、确认后保存）、📤 分享（文件 / 分享码 / 链接 / 团队仓库）、📥 导入（先预览 + 安全扫描）、👥 团队仓库订阅。
+    let _editingSkill = null;     // 编辑中的 { name, source, kind }，null = 新建
+    let _sklAll = [], _sklDirs = null, _sklShare = null, _sklImp = null, _gitSkills = [], _sklSubs = [];
+    const SKL_TITLES = { list: '技能', edit: '编辑技能', gen: '✨ 从本次任务生成技能', share: '📤 分享技能', import: '📥 导入技能', team: '👥 团队技能仓库', market: '🛒 技能市场' };
+    const sklEsc = (s) => escHtml(String(s ?? '')).replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+    const sklKindLabel = (k) => k === 'skill' ? '自动' : '手动';
+    const sklScopeLabel = (s) => s === 'project' ? '本项目' : s === 'user' ? '本机' : '内置';
+    async function sklJson(url, opts) {
+      const r = await fetch(url, opts);
+      const d = await r.json().catch(() => ({}));
+      if (!r.ok || d.ok === false || d.error) { const e = new Error(d.error || ('HTTP ' + r.status)); e.data = d; throw e; }
+      return d;
+    }
+    const sklPost = (url, body) => sklJson(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body || {}) });
 
+    window.sklView = function(v) {
+      for (const k of Object.keys(SKL_TITLES)) { const el = document.getElementById('skl-v-' + k); if (el) el.style.display = k === v ? '' : 'none'; }
+      document.getElementById('skill-sheet-title').textContent = SKL_TITLES[v] || '技能';
+      document.getElementById('skl-back').style.display = v === 'list' ? 'none' : '';
+      if (v === 'list') refreshSkillList();
+      if (v === 'team') renderSubs();
+      if (v === 'import') { document.getElementById('skl-imp-preview').innerHTML = ''; setTimeout(() => document.getElementById('skl-imp-text').focus(), 80); }
+    };
     window.openSkillSheet = async function() {
       document.getElementById('skill-sheet').classList.add('open');
-      document.getElementById('skill-list-view').style.display = '';
-      document.getElementById('skill-edit-view').style.display = 'none';
-      document.getElementById('skill-close-btn').style.display = '';
-      await refreshSkillList();
-    };
-    window.closeSkillSheet = function() {
-      document.getElementById('skill-sheet').classList.remove('open');
+      sklView('list');
     };
+    window.closeSkillSheet = function() { document.getElementById('skill-sheet').classList.remove('open'); };
+    window.backToSkillList = function() { sklView('list'); };
 
     async function refreshSkillList() {
       const listEl = document.getElementById('skill-list-view');
-      listEl.innerHTML = '<div style="text-align:center;color:var(--muted);padding:2rem 0">加载中...</div>';
+      listEl.innerHTML = '<div class="skl-empty">加载中…</div>';
       try {
-        const resp = await fetch(`/api/skills?sessionId=${SESSION_ID}&detail=1`);
-        const data = await resp.json();
-        const editable = (data.skills || []).filter(s => s.source !== 'builtin');
-        if (!editable.length) {
-          listEl.innerHTML = '<div style="text-align:center;color:var(--muted);padding:2rem 0">暂无技能，点击右上角 + 新建</div>';
-          return;
-        }
-        listEl.innerHTML = editable.map(s => `
-          <div class="action-sheet-item" style="gap:0.5rem">
-            <div style="min-width:0;flex:1;cursor:pointer" onclick="editSkill('${escHtml(s.name)}','${escHtml(s.source)}')">
-              <div style="color:var(--purple2);font-weight:500">/${escHtml(s.name)}</div>
-              <div class="desc">${escHtml(s.desc)} · ${s.source === 'project' ? '项目级' : '用户级'}</div>
-            </div>
-            <button onclick="deleteSkill('${escHtml(s.name)}','${escHtml(s.source)}')" style="background:none;border:none;color:var(--red);font-size:0.78rem;cursor:pointer;padding:0.3rem 0.5rem;white-space:nowrap">删除</button>
-          </div>
-        `).join('');
+        const data = await sklJson(`/api/skills?sessionId=${SESSION_ID}`);
+        _sklAll = data.skills || []; _sklDirs = data.dirs || null;
+        const own = _sklAll.filter(s => s.source !== 'builtin');
+        const group = (src, title) => {
+          const items = own.filter(s => s.source === src);
+          if (!items.length) return '';
+          return `<div class="skl-grp">${title}</div>` + items.map(s => `
+            <div class="skl-item">
+              <div class="skl-main" onclick="editSkill('${sklEsc(s.name)}','${s.source}','${s.kind}')" title="点击编辑">
+                <div><span class="skl-name">${s.kind === 'skill' ? '🧠 ' : '/'}${escHtml(s.name)}</span><span class="skl-tag ${s.kind}">${sklKindLabel(s.kind)}</span>${s.fileCount > 1 ? `<span class="skl-tag">${s.fileCount} 个文件</span>` : ''}</div>
+                <div class="skl-desc">${escHtml(s.desc || '（没有说明）')}</div>
+              </div>
+              <div class="skl-acts">
+                <button class="ib-ic" onclick="openSkillShare('${sklEsc(s.name)}','${s.source}','${s.kind}')" title="分享给其他 myhi">📤</button>
+                <button class="ib-ic" onclick="deleteSkill('${sklEsc(s.name)}','${s.source}','${s.kind}')" title="删除">🗑</button>
+              </div>
+            </div>`).join('');
+        };
+        listEl.innerHTML = own.length ? group('project', '本项目') + group('user', '本机所有项目')
+          : '<div class="skl-empty">还没有技能。<br>做完一件以后还会再做的事，点上面「✨ 从本次任务生成」，下次一点就能复用。</div>';
       } catch (e) {
-        listEl.innerHTML = `<div style="text-align:center;color:var(--red);padding:2rem 0">加载失败: ${e.message}</div>`;
-      }
-    }
-
-    window.showSkillEditor = function(name, scope, content) {
-      _editingSkill = name || null;
-      document.getElementById('skill-list-view').style.display = 'none';
-      document.getElementById('skill-edit-view').style.display = '';
-      document.getElementById('skill-close-btn').style.display = 'none';
-      document.getElementById('skill-sheet-title').textContent = name ? `编辑 /${name}` : '新建技能';
-      document.getElementById('skill-name').value = name || '';
-      document.getElementById('skill-name').disabled = !!name;
-      document.getElementById('skill-scope').value = scope || 'user';
-      document.getElementById('skill-content').value = content || '# 技能标题\n\n在此输入技能指令...\n';
-    };
-
-    window.editSkill = async function(name, source) {
+        listEl.innerHTML = `<div class="skl-empty" style="color:var(--red)">加载失败：${escHtml(e.message)}</div>`;
+      }
+      sklCheckSubsQuietly();
+    }
+
+    // ── 编辑 / 手写 ──
+    const SKL_TPL = {
+      command: '# 技能标题（一句话说明做什么）\n\n## 目标\n\n## 步骤\n1. \n2. \n\n## 注意事项\n\n（运行时用户补充的内容会替换下面的 $ARGUMENTS）\n$ARGUMENTS\n',
+      skill: '---\nname: {{name}}\ndescription: 什么时候该用这个技能（写清楚场景，AI 据此判断要不要用）\n---\n\n# 技能标题\n\n## 步骤\n1. \n2. \n\n## 注意事项\n',
+    };
+    window.sklKindChanged = function() {
+      const kind = document.getElementById('skill-kind').value;
+      const ta = document.getElementById('skill-content');
+      if (!_editingSkill && (!ta.value.trim() || Object.values(SKL_TPL).some(t => ta.value === t.replace('{{name}}', document.getElementById('skill-name').value.trim() || 'my-skill')))) {
+        ta.value = SKL_TPL[kind].replace('{{name}}', document.getElementById('skill-name').value.trim() || 'my-skill');
+      }
+      document.getElementById('skill-edit-hint').innerHTML = (kind === 'skill'
+        ? '自动技能：名字只能用<b>小写字母、数字和连字符</b>（如 weekly-report）；开头 <code>description</code> 写清楚<b>什么时候用</b>，AI 遇到这类场景会自己调用。辅助脚本等其他文件放在同目录（可让 AI 帮你加）。'
+        : '手动技能：名字用英文、数字、- _ .（a:b 可分组）；第一行标题会显示成说明；<code>$ARGUMENTS</code> 会换成运行时你补充的内容。') + '<div id="skl-name-fix"></div>';
+      sklNameCheck();
+    };
+    // 自动技能名字不合规：实时提示并给出改好的名字（一点就用）
+    const sklSlug = (n) => (String(n || '').toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, '').replace(/anthropic|claude/g, 'ai').slice(0, 64).replace(/-+$/, '') || 'my-skill');
+    window.sklNameCheck = function() {
+      const box = document.getElementById('skl-name-fix');
+      if (!box) return;
+      const n = document.getElementById('skill-name').value.trim();
+      const kind = document.getElementById('skill-kind').value;
+      const bad = kind === 'skill' && n && (!/^[a-z0-9]+(-[a-z0-9]+)*$/.test(n) || n.length > 64 || /anthropic|claude/.test(n));
+      box.innerHTML = bad ? `<span style="color:var(--yellow)">⚠️ 这个名字 Claude 可能认不出来，</span><a style="color:var(--blue2);cursor:pointer" onclick="document.getElementById('skill-name').value='${sklSlug(n)}';sklNameCheck()">改成 ${sklSlug(n)}</a>` : '';
+    };
+    document.getElementById('skill-name')?.addEventListener('input', () => sklNameCheck());
+    window.showSkillEditor = function(name, scope, content, kind) {
+      _editingSkill = name ? { name, source: scope, kind: kind || 'command' } : null;
+      sklView('edit');
+      document.getElementById('skill-sheet-title').textContent = name ? `编辑 ${kind === 'skill' ? '🧠 ' : '/'}${name}` : '手写新技能';
+      const n = document.getElementById('skill-name'); n.value = name || ''; n.disabled = !!name;
+      document.getElementById('skill-kind').value = kind || 'command';
+      document.getElementById('skill-kind').disabled = !!name;
+      document.getElementById('skill-scope').value = scope || 'project';
+      document.getElementById('skill-scope').disabled = !!name;
+      document.getElementById('skill-content').value = content || '';
+      sklKindChanged();
+    };
+    window.editSkill = async function(name, source, kind) {
       try {
-        const resp = await fetch(`/api/skills?sessionId=${SESSION_ID}&detail=1`);
-        const data = await resp.json();
-        const skill = data.skills?.find(s => s.name === name && s.source === source);
-        showSkillEditor(name, source, skill?.content || '');
-      } catch {}
+        const d = await sklJson(`/api/skills/content?sessionId=${SESSION_ID}&name=${encodeURIComponent(name)}&source=${source}&kind=${kind}`);
+        showSkillEditor(name, source, d.content || '', kind);
+      } catch (e) { addStatusMessage('打开失败：' + e.message); }
     };
-
-    window.backToSkillList = function() {
-      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();
-    };
-
     window.saveSkill = async function() {
       const name = document.getElementById('skill-name').value.trim();
       const scope = document.getElementById('skill-scope').value;
+      const kind = document.getElementById('skill-kind').value;
       const content = document.getElementById('skill-content').value;
       if (!name) { addStatusMessage('请输入技能名称'); return; }
       if (!content.trim()) { addStatusMessage('请输入技能内容'); return; }
       try {
-        const resp = await fetch(`/api/skills?sessionId=${SESSION_ID}`, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ name, scope, content }),
-        });
-        const data = await resp.json();
-        if (data.error) { addStatusMessage('保存失败: ' + data.error); return; }
-        addStatusMessage(`技能 /${name} 已保存`);
-        backToSkillList();
-        loadSkills(); // 刷新快捷栏按钮
-      } catch (e) {
-        addStatusMessage('保存失败: ' + e.message);
-      }
+        await sklPost(`/api/skills?sessionId=${SESSION_ID}`, { name, scope, content, kind });
+        addStatusMessage(`技能 ${kind === 'skill' ? '🧠 ' : '/'}${name} 已保存`);
+        sklView('list'); loadSkills();
+      } catch (e) { addStatusMessage('保存失败：' + e.message); }
+    };
+    window.deleteSkill = async function(name, source, kind) {
+      if (!confirm(`确定删除技能「${name}」？`)) return;
+      try {
+        await sklJson(`/api/skills?sessionId=${SESSION_ID}`, { method: 'DELETE', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name, scope: source, kind }) });
+        addStatusMessage(`技能「${name}」已删除`);
+        refreshSkillList(); loadSkills();
+      } catch (e) { addStatusMessage('删除失败：' + e.message); }
+    };
+
+    // ── ✨ 从本次任务生成：交给当前任务的 AI（它最清楚刚才怎么做成的），先出草稿、确认后才写文件 ──
+    window.genSkillFromTask = function() {
+      if (currentSession?.mode !== 'agent') return addStatusMessage('只有 AI 任务里可以生成技能');
+      if (workState !== 'idle') return addStatusMessage('AI 正在干活，等这一轮结束再生成技能');
+      const hint = document.getElementById('skl-gen-hint').value.trim();
+      const kind = document.querySelector('input[name=skl-gen-kind]:checked').value;
+      const scope = document.querySelector('input[name=skl-gen-scope]:checked').value;
+      const dirs = _sklDirs?.[scope];
+      const dir = dirs ? (kind === 'skill' ? dirs.skill : dirs.command) : (scope === 'project' ? (kind === 'skill' ? '.claude/skills' : '.claude/commands') : (kind === 'skill' ? '~/.claude/skills' : '~/.claude/commands'));
+      const fmt = kind === 'skill'
+        ? `类型：Agent 技能（AI 遇到合适场景会自己调用）。在 ${dir}/<名称>/ 下建 SKILL.md：开头 YAML frontmatter 写 name（同目录名）和 description（用中文写清楚「什么场景该用这个技能」，AI 靠它判断）；正文写目标、分步骤做法、注意事项、完成标准。需要辅助脚本就放在同一目录，并在 SKILL.md 里写明怎么用。`
+        : `类型：斜杠命令（用户点按钮或输入 /名称 运行）。文件 ${dir}/<名称>.md：第一行是「# 中文标题」（myhi 拿它当说明），正文写目标、前提、分步骤做法、注意事项、完成标准；每次运行需要用户补充的内容用 $ARGUMENTS 表示。`;
+      const prompt = [
+        `请把本次会话里我们完成的工作提炼成一个可以复用的 Claude Code 技能${hint ? '，我的想法：' + hint : '（你判断最值得沉淀的那套做法）'}。`,
+        fmt,
+        kind === 'skill' ? '名称只能用小写字母、数字和连字符（如 deploy-test，不超过 64 个字符，不能含 anthropic / claude），目录名和 SKILL.md 里的 name 要一致。' : '名称用小写英文和连字符（如 deploy-test）。',
+        '把本项目特有的路径、名字、账号改成参数或说明，让它在别的项目、别的电脑上也能用；不要写入任何密码、token、密钥或客户的真实敏感信息。',
+        '先把完整草稿（含名称和每个文件的内容）贴出来问我是否保存（可以直接保存 / 我要修改）；我确认之后再写入文件。在我确认之前不要创建或修改任何文件。如果同名技能已经存在，先告诉我。',
+      ].join('\n');
+      closeSkillSheet();
+      if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
+      const display = `✨ 把本次任务的做法生成${kind === 'skill' ? '自动' : '手动'}技能（${scope === 'project' ? '本项目' : '本机所有项目'}）${hint ? '：' + hint : ''}`;
+      addInputMessage(display);
+      socket.emit('agent:query', { prompt, display });
+      showThinking();
+      _sklGenPending = scope;
+    };
+    let _sklGenPending = false;   // 生成中（存范围）：这轮结束刷新快捷栏的技能按钮，并让相关任务重新加载技能
+
+    // ── 📤 分享 ──
+    window.openSkillShare = function(name, source, kind) {
+      _sklShare = { name, source, kind, force: false };
+      sklView('share');
+      document.getElementById('skl-share-info').innerHTML = `<b>${kind === 'skill' ? '🧠 ' : '/'}${escHtml(name)}</b> <span class="skl-tag ${kind}">${sklKindLabel(kind)}</span><span class="skl-tag">${sklScopeLabel(source)}</span>`;
+      document.getElementById('skl-share-warn').style.display = 'none';
+      document.getElementById('skl-share-out').style.display = 'none';
+      document.getElementById('skl-pub-form').style.display = 'none';
+    };
+    function sklShareFail(e, retry) {
+      const w = document.getElementById('skl-share-warn');
+      if (e.data?.secrets) {
+        w.innerHTML = `⚠️ ${escHtml(e.message)}<div style="margin-top:0.35rem;display:flex;gap:0.4rem"><button class="dr-btn" onclick="editSkill('${sklEsc(_sklShare.name)}','${_sklShare.source}','${_sklShare.kind}')">去编辑</button><button class="dr-btn" id="skl-force-btn">确认没有敏感信息，继续</button></div>`;
+        w.style.display = '';
+        document.getElementById('skl-force-btn').onclick = () => { _sklShare.force = true; w.style.display = 'none'; retry(); };
+      } else addStatusMessage('分享失败：' + e.message);
+    }
+    const sklShareBody = () => ({ sessionId: SESSION_ID, name: _sklShare.name, source: _sklShare.source, kind: _sklShare.kind, force: _sklShare.force });
+    function sklOut(html) { const o = document.getElementById('skl-share-out'); o.innerHTML = html; o.style.display = ''; }
+    async function sklCopy(text, ok) {
+      try { await navigator.clipboard.writeText(text); addStatusMessage(ok); }
+      catch { const ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); try { document.execCommand('copy'); addStatusMessage(ok); } catch {} ta.remove(); }
+    }
+    window.sklShareDownload = async function() {
+      try {
+        const d = await sklPost('/api/skills/export', sklShareBody());
+        const blob = new Blob([JSON.stringify(d.pkg, null, 2)], { type: 'application/json' });
+        const a = document.createElement('a');
+        a.href = URL.createObjectURL(blob); a.download = d.pkg.name.replace(/:/g, '-') + '.myhiskill';
+        document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(a.href), 2000);
+        sklOut('✓ 已下载 <b>' + escHtml(a.download) + '</b>。发给对方后，在对方 myhi 的「技能 → 📥 导入」里选择这个文件。');
+      } catch (e) { sklShareFail(e, sklShareDownload); }
+    };
+    window.sklShareCode = async function() {
+      try {
+        const d = await sklPost('/api/skills/export', sklShareBody());
+        await sklCopy(d.code, '分享码已复制');
+        sklOut(`✓ 分享码已复制（${d.code.length} 字符）。对方在「技能 → 📥 导入」里粘贴即可。<textarea class="slash-inp" rows="3" readonly style="width:100%;box-sizing:border-box;margin-top:0.35rem;font-size:0.7rem" onclick="this.select()">${escHtml(d.code)}</textarea>`);
+      } catch (e) { sklShareFail(e, sklShareCode); }
+    };
+    window.sklShareLink = async function() {
+      try {
+        const d = await sklPost('/api/skills/share-link', sklShareBody());
+        await sklCopy(d.url, '分享链接已复制');
+        sklOut(`✓ 链接已复制，<b>${new Date(d.expires).toLocaleString()}</b> 前有效。对方在「📥 导入」里粘贴（两台 myhi 要能互相访问）：<input class="slash-inp" readonly value="${sklEsc(d.url)}" style="width:100%;box-sizing:border-box;margin-top:0.35rem;font-size:0.72rem" onclick="this.select()">`);
+      } catch (e) { sklShareFail(e, sklShareLink); }
+    };
+    window.sklSharePublishForm = function() {
+      const f = document.getElementById('skl-pub-form');
+      f.style.display = f.style.display === 'none' ? '' : 'none';
+      const last = JSON.parse(localStorage.getItem('myhi_skl_pub') || 'null') || (_sklSubs[0] ? { url: _sklSubs[0].url, username: _sklSubs[0].username, branch: _sklSubs[0].branch } : {});
+      if (!document.getElementById('skl-pub-url').value) {
+        document.getElementById('skl-pub-url').value = last.url || '';
+        document.getElementById('skl-pub-user').value = last.username || '';
+        document.getElementById('skl-pub-branch').value = last.branch || '';
+      }
+    };
+    window.sklPublish = async function() {
+      const url = document.getElementById('skl-pub-url').value.trim();
+      if (!url) { addStatusMessage('请填写团队仓库地址'); return; }
+      const body = { ...sklShareBody(), url, username: document.getElementById('skl-pub-user').value.trim(), password: document.getElementById('skl-pub-pass').value, branch: document.getElementById('skl-pub-branch').value.trim() };
+      sklOut('发布中…（克隆仓库、提交、推送）');
+      try {
+        const d = await sklPost('/api/skills/publish', body);
+        localStorage.setItem('myhi_skl_pub', JSON.stringify({ url, username: body.username, branch: body.branch }));
+        sklOut(d.unchanged ? '仓库里已经是这个版本，不用重复发布。' : '✓ 已发布到团队仓库。订阅了这个仓库的 myhi「检查更新」时会看到。');
+      } catch (e) { document.getElementById('skl-share-out').style.display = 'none'; sklShareFail(e, sklPublish); }
     };
 
-    window.deleteSkill = async function(name, source) {
-      if (!confirm(`确定删除技能 /${name}？`)) return;
+    // ── 📥 导入：分享码 / 分享链接 / 文件 → 预览 + 安全扫描 → 选范围安装 ──
+    window.sklImportFile = async function(file) {
+      if (!file) return;
+      const text = await file.text();
+      let body;
+      if (/\.md$/i.test(file.name)) {
+        // 直接给了一个 .md：按手动技能处理，名称取文件名
+        const name = file.name.replace(/\.md$/i, '').replace(/[^\w.-]+/g, '-');
+        body = { pkg: { myhiSkill: 1, kind: 'command', name, files: [{ path: name + '.md', content: text }] } };
+      } else if (text.trim().startsWith('MYHI-SKILL:')) body = { code: text };
+      else body = { pkg: text };
+      sklImportPreview(body);
+    };
+    window.sklImportPreview = async function(body) {
+      const box = document.getElementById('skl-imp-preview');
+      if (!body) {
+        const t = document.getElementById('skl-imp-text').value.trim();
+        if (!t) { addStatusMessage('先粘贴分享码 / 分享链接，或选择技能文件'); return; }
+        body = /^https?:\/\/\S+\/s\/skill\/[\w-]+/.test(t) ? { url: t.match(/https?:\/\/\S+\/s\/skill\/[\w-]+/)[0] } : { code: t };
+      }
+      box.innerHTML = '<div class="skl-empty">读取中…</div>';
       try {
-        const resp = await fetch(`/api/skills?sessionId=${SESSION_ID}`, {
-          method: 'DELETE',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ name, scope: source }),
-        });
-        const data = await resp.json();
-        if (data.error) { addStatusMessage('删除失败: ' + data.error); return; }
-        addStatusMessage(`技能 /${name} 已删除`);
-        refreshSkillList();
-        loadSkills();
+        const d = await sklPost('/api/skills/preview', { sessionId: SESSION_ID, ...body });
+        _sklImp = d;
+        const p = d.pkg;
+        const danger = d.findings.filter(f => f.level === 'danger'), warn = d.findings.filter(f => f.level === 'warn');
+        box.innerHTML = `
+          <div class="skl-card">
+            <div><b>${p.kind === 'skill' ? '🧠 ' : '/'}${escHtml(p.name)}</b> <span class="skl-tag ${p.kind}">${sklKindLabel(p.kind)}</span>${p.from ? `<span class="skl-tag">来自 ${escHtml(p.from)}</span>` : ''}</div>
+            <div class="skl-desc" style="margin-top:0.2rem">${escHtml(p.desc || '（没有说明）')}</div>
+            ${p.renamedFrom ? `<div class="skl-hint" style="color:var(--yellow)">原名「${escHtml(p.renamedFrom)}」不符合自动技能的命名规范，安装时改成「${escHtml(p.name)}」</div>` : ''}
+          </div>
+          ${sklFindingsHtml(d.findings)}
+          <details class="skl-files"><summary>查看全部内容（${p.files.length} 个文件）——安装前建议过一遍</summary>
+            ${p.files.map(f => `<div class="skl-fname">${escHtml(f.path)}</div><pre>${escHtml(f.content)}</pre>`).join('')}
+          </details>
+          <div class="skl-row" style="margin-top:0.5rem">
+            <select id="skl-imp-scope" class="slash-inp skl-sel" onchange="sklImpExists()">
+              <option value="project">只装到本项目</option>
+              <option value="user">装到本机所有项目</option>
+            </select>
+          </div>
+          <div id="skl-imp-exists" class="skl-hint"></div>
+          ${danger.length ? '<label class="skl-confirm"><input type="checkbox" id="skl-imp-ack"> 我已看过上面标红的内容，确认这个技能来源可信</label>' : ''}
+          <button class="action-sheet-cancel" style="background:${danger.length ? 'var(--red)' : 'var(--green)'};color:#fff;font-weight:600;margin-top:0.4rem" onclick="sklInstall()">${danger.length ? '⚠️ 仍然安装' : '安装'}</button>`;
+        // 带脚本的技能默认只装本项目
+        document.getElementById('skl-imp-scope').value = p.kind === 'skill' && p.files.length > 1 ? 'project' : (warn.length || danger.length ? 'project' : 'user');
+        sklImpExists();
       } catch (e) {
-        addStatusMessage('删除失败: ' + e.message);
+        box.innerHTML = `<div class="skl-warn">⚠️ ${escHtml(e.message)}</div>`;
       }
     };
-
-    // ── Git 安装技能 ──────────────────────────────
-    let _gitSkills = []; // 扫描到的技能列表
-
-    window.showSkillImport = function() {
-      document.getElementById('skill-list-view').style.display = 'none';
-      document.getElementById('skill-edit-view').style.display = 'none';
-      document.getElementById('skill-import-view').style.display = '';
-      document.getElementById('skill-close-btn').style.display = 'none';
-      document.getElementById('skill-sheet-title').textContent = '从 Git 安装技能';
-      document.getElementById('skill-import-preview').style.display = 'none';
-      document.getElementById('skill-import-install-btn').style.display = 'none';
-      document.getElementById('skill-import-scan-btn').innerHTML = '';
-      document.getElementById('skill-git-url').value = '';
-      _gitSkills = [];
-      setTimeout(() => document.getElementById('skill-git-url').focus(), 100);
+    function sklFindingsHtml(findings) {
+      if (!findings?.length) return '<div class="skl-ok">✓ 安全检查没发现可疑写法</div>';
+      return '<div class="skl-findings">' + findings.map(f => `<div class="skl-f ${f.level}">${f.level === 'danger' ? '⛔' : '⚠️'} ${escHtml(f.why)}${f.file ? ` <small>${escHtml(f.file)}${f.line ? ' 第 ' + f.line + ' 行' : ''}</small>` : ''}${f.text ? `<code>${escHtml(f.text)}</code>` : ''}</div>`).join('') + '</div>';
+    }
+    window.sklImpExists = function() {
+      if (!_sklImp) return;
+      const sc = document.getElementById('skl-imp-scope').value;
+      document.getElementById('skl-imp-exists').textContent = _sklImp.exists?.[sc] ? `⚠️ ${sc === 'project' ? '本项目' : '本机'}已经有同名技能，安装会覆盖它` : '';
     };
-
-    document.getElementById('skill-git-url')?.addEventListener('keydown', (e) => {
-      if (e.key === 'Enter') { e.preventDefault(); scanGitSkills(); }
-    });
-
+    window.sklInstall = async function() {
+      if (!_sklImp) return;
+      const ack = document.getElementById('skl-imp-ack');
+      if (ack && !ack.checked) { addStatusMessage('这个技能里有标红的可疑内容：确认来源可信后先勾选确认'); return; }
+      const scope = document.getElementById('skl-imp-scope').value;
+      try {
+        await sklPost('/api/skills/install', { sessionId: SESSION_ID, pkg: _sklImp.pkg, scope });
+        addStatusMessage(`已安装技能「${_sklImp.pkg.name}」（${scope === 'project' ? '本项目' : '本机所有项目'}），下一轮 AI 就能用`);
+        _sklImp = null; document.getElementById('skl-imp-text').value = '';
+        sklView('list'); loadSkills();
+      } catch (e) { addStatusMessage('安装失败：' + e.message); }
+    };
+
+    // ── 👥 团队仓库：订阅列表 / 检查更新 / 扫描安装 ──
+    async function loadSubs() { try { _sklSubs = (await sklJson('/api/skills/subs')).subs || []; } catch { _sklSubs = []; } updateSubBadge(); return _sklSubs; }
+    function updateSubBadge() {
+      const n = _sklSubs.reduce((a, s) => a + (s.updates?.length || 0), 0);
+      const b = document.getElementById('skl-upd-badge'), ban = document.getElementById('skl-upd-banner');
+      if (b) { b.textContent = n; b.style.display = n ? '' : 'none'; }
+      if (ban) { ban.textContent = `👥 团队仓库有 ${n} 个技能更新 / 新技能 · 点这里查看`; ban.style.display = n ? '' : 'none'; }
+      const skBtn = document.querySelector('#sk-claude-agent .sk[data-sk="skills"]');
+      if (skBtn) skBtn.classList.toggle('skl-dot', n > 0);
+    }
+    let _sklAutoChecked = false;
+    async function sklCheckSubsQuietly() {
+      await loadSubs();
+      if (_sklAutoChecked) return;
+      _sklAutoChecked = true;
+      for (const s of _sklSubs) {
+        if (Date.now() - (s.lastCheck || 0) < 6 * 3600 * 1000) continue;   // 6 小时内查过就不再查
+        try { await sklPost(`/api/skills/subs/${s.id}/check`); } catch {}
+      }
+      await loadSubs();
+    }
+    const maskUrl = (u) => String(u || '').replace(/\/\/[^@/]+@/, '//');
+    async function renderSubs() {
+      const box = document.getElementById('skl-subs');
+      await loadSubs();
+      box.innerHTML = _sklSubs.length ? '<div class="skl-lbl">已订阅</div>' + _sklSubs.map(s => `
+        <div class="skl-card skl-sub">
+          <div style="display:flex;align-items:center;gap:0.4rem">
+            <div style="flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${sklEsc(maskUrl(s.url))}">${escHtml(maskUrl(s.url).replace(/^https?:\/\//, ''))}</div>
+            <span class="skl-tag">${s.scope === 'project' ? '本项目' : '本机'}</span>
+          </div>
+          <div class="skl-desc">已装 ${Object.keys(s.installed || {}).length} 个 · ${s.lastCheck ? '上次检查 ' + new Date(s.lastCheck).toLocaleString() : '还没检查过'}${s.updates?.length ? ` · <b style="color:var(--green)">${s.updates.length} 个更新</b>` : ''}</div>
+          <div class="skl-row" style="margin-top:0.35rem">
+            <button class="dr-btn take" onclick="sklSubCheck('${s.id}')">检查更新</button>
+            <button class="dr-btn" style="margin-left:auto" onclick="sklSubRemove('${s.id}')">取消订阅</button>
+          </div>
+          <div id="skl-sub-out-${s.id}"></div>
+        </div>`).join('') : '<div class="skl-hint">还没有订阅团队仓库。团队把技能放在一个 Git 仓库里（commands/、skills/ 目录），大家订阅后就能一起用、收到更新；也可以在技能的「📤 分享」里发布到仓库。</div>';
+    }
+    function sklPackListHtml(list, withStatus) {
+      return list.map((s, i) => `
+        <label class="skl-pick">
+          <input type="checkbox" ${s.findings?.some(f => f.level === 'danger') ? '' : 'checked'} data-key="${sklEsc(s.kind + ':' + s.name)}">
+          <div style="min-width:0;flex:1">
+            <div><span class="skl-name">${s.kind === 'skill' ? '🧠 ' : '/'}${escHtml(s.name)}</span><span class="skl-tag ${s.kind}">${sklKindLabel(s.kind)}</span>${withStatus ? `<span class="skl-tag ${s.status === 'new' ? 'skill' : ''}">${s.status === 'new' ? '新技能' : '有更新'}</span>` : ''}</div>
+            <div class="skl-desc">${escHtml(s.desc || '')}</div>
+            ${s.findings?.length ? sklFindingsHtml(s.findings) : ''}
+          </div>
+        </label>`).join('');
+    }
+    window.sklSubCheck = async function(id) {
+      const out = document.getElementById('skl-sub-out-' + id);
+      out.innerHTML = '<div class="skl-empty">检查中…</div>';
+      try {
+        const d = await sklPost(`/api/skills/subs/${id}/check`);
+        await loadSubs();
+        if (!d.updates.length) { out.innerHTML = '<div class="skl-ok">✓ 已是最新</div>'; return; }
+        out.innerHTML = sklPackListHtml(d.updates, true) + `<button class="action-sheet-cancel" style="background:var(--green);color:#fff;font-weight:600;margin-top:0.4rem" onclick="sklSubUpdate('${id}')">更新 / 安装选中的</button>`;
+      } catch (e) { out.innerHTML = `<div class="skl-warn">⚠️ ${escHtml(e.message)}</div>`; }
+    };
+    window.sklSubUpdate = async function(id) {
+      const names = [...document.querySelectorAll(`#skl-sub-out-${id} input[type=checkbox]:checked`)].map(c => c.dataset.key);
+      if (!names.length) { addStatusMessage('请至少选一个'); return; }
+      try {
+        const d = await sklPost('/api/skills/repo/install', { sessionId: SESSION_ID, subId: id, names });
+        addStatusMessage(`已更新 ${d.installed.length} 个技能`);
+        loadSkills(); renderSubs();
+      } catch (e) { addStatusMessage('更新失败：' + e.message); }
+    };
+    window.sklSubRemove = async function(id) {
+      if (!confirm('取消订阅这个仓库？已经装好的技能会保留。')) return;
+      try { await sklJson(`/api/skills/subs/${id}`, { method: 'DELETE' }); } catch {}
+      renderSubs();
+    };
+    document.getElementById('skill-git-url')?.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); scanGitSkills(); } });
     window.scanGitSkills = async function() {
       const url = document.getElementById('skill-git-url').value.trim();
       if (!url) { addStatusMessage('请输入 Git 仓库地址'); return; }
-      const statusEl = document.getElementById('skill-import-scan-btn');
-      statusEl.innerHTML = '<div style="text-align:center;color:var(--muted);padding:0.5rem 0">正在克隆并扫描...</div>';
-      document.getElementById('skill-import-preview').style.display = 'none';
-      document.getElementById('skill-import-install-btn').style.display = 'none';
+      const box = document.getElementById('skill-import-preview');
+      box.innerHTML = '<div class="skl-empty">正在克隆并扫描…</div>';
       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, username: username || undefined, password: password || undefined }),
-        });
-        const data = await resp.json();
-        statusEl.innerHTML = '';
-        if (data.error) { addStatusMessage(data.error); return; }
-        _gitSkills = data.skills || [];
-        if (!_gitSkills.length) {
-          addStatusMessage(data.message || '未找到技能文件');
-          return;
-        }
-        const preview = document.getElementById('skill-import-preview');
-        preview.innerHTML = _gitSkills.map((s, i) => `
-          <label style="display:flex;align-items:flex-start;gap:0.5rem;padding:0.4rem 0;border-bottom:1px solid var(--surface2);cursor:pointer">
-            <input type="checkbox" checked data-skill-idx="${i}" style="margin-top:0.15rem">
-            <div style="min-width:0;flex:1">
-              <div style="color:var(--purple2);font-weight:500">/${escHtml(s.name)}</div>
-              <div style="color:var(--muted);font-size:0.72rem">${escHtml(s.desc)}</div>
-            </div>
-          </label>
-        `).join('');
-        preview.style.display = '';
-        document.getElementById('skill-import-install-btn').style.display = '';
-      } catch (e) {
-        addStatusMessage('扫描失败: ' + e.message);
-        statusEl.innerHTML = '';
-      }
+        const d = await sklPost('/api/skills/repo/scan', { url, username: document.getElementById('skill-git-user').value.trim() || undefined, password: document.getElementById('skill-git-pass').value || undefined });
+        _gitSkills = d.skills || [];
+        if (!_gitSkills.length) { box.innerHTML = '<div class="skl-hint">这个仓库里没找到技能（commands/*.md、skills/*/SKILL.md）</div>'; return; }
+        box.innerHTML = sklPackListHtml(_gitSkills, false) +
+          '<label class="skl-confirm"><input type="checkbox" id="skl-git-sub" checked> 订阅这个仓库：以后有更新 / 新技能时提示我</label>' +
+          '<button class="action-sheet-cancel" style="background:var(--green);color:#fff;font-weight:600;margin-top:0.4rem" onclick="installGitSkills()">安装选中的技能</button>';
+      } catch (e) { box.innerHTML = `<div class="skl-warn">⚠️ ${escHtml(e.message)}</div>`; }
     };
-
     window.installGitSkills = async function() {
-      const scope = document.getElementById('skill-import-scope').value;
-      const checkboxes = document.querySelectorAll('#skill-import-preview input[type=checkbox]');
-      const selected = [];
-      checkboxes.forEach(cb => {
-        if (cb.checked) selected.push(_gitSkills[parseInt(cb.dataset.skillIdx)]);
-      });
-      if (!selected.length) { addStatusMessage('请至少选择一个技能'); return; }
-      const btn = document.getElementById('skill-import-install-btn');
-      btn.textContent = '安装中...';
-      btn.disabled = true;
-      let ok = 0, fail = 0;
-      for (const s of selected) {
-        try {
-          const resp = await fetch(`/api/skills?sessionId=${SESSION_ID}`, {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ name: s.name, scope, content: s.content }),
-          });
-          const data = await resp.json();
-          if (data.error) fail++;
-          else ok++;
-        } catch { fail++; }
-      }
-      addStatusMessage(`安装完成: ${ok} 个成功${fail ? `, ${fail} 个失败` : ''}`);
-      btn.textContent = '安装选中的技能';
-      btn.disabled = false;
-      backToSkillList();
-      loadSkills();
+      const names = [...document.querySelectorAll('#skill-import-preview input[data-key]:checked')].map(c => c.dataset.key);
+      if (!names.length) { addStatusMessage('请至少选择一个技能'); return; }
+      const dangerSel = _gitSkills.filter(s => names.includes(s.kind + ':' + s.name) && s.findings?.some(f => f.level === 'danger'));
+      if (dangerSel.length && !confirm(`选中的技能里有 ${dangerSel.length} 个带标红的可疑内容（${dangerSel.map(s => s.name).join('、')}）。确认来源可信、仍然安装？`)) return;
+      try {
+        const d = await sklPost('/api/skills/repo/install', {
+          sessionId: SESSION_ID, names, scope: document.getElementById('skill-import-scope').value,
+          url: document.getElementById('skill-git-url').value.trim(), username: document.getElementById('skill-git-user').value.trim() || undefined,
+          password: document.getElementById('skill-git-pass').value || undefined, subscribe: document.getElementById('skl-git-sub')?.checked,
+        });
+        addStatusMessage(`已安装 ${d.installed.length} 个技能${d.sub ? '，并订阅了这个仓库' : ''}`);
+        document.getElementById('skill-import-preview').innerHTML = '';
+        loadSkills(); renderSubs();
+      } catch (e) { addStatusMessage('安装失败：' + e.message); }
     };
 
-    // ── 技能市场 ──────────────────────────────────
+    // ── 🛒 技能市场（社区仓库，走团队仓库的扫描安装，默认不订阅）──
     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: '' },
+      { name: 'Claude Command Suite', desc: '216+ 命令, 12 技能, 54 AI Agent — 全面的软件工程工作流', repo: 'qdhenry/Claude-Command-Suite', stars: '1k+' },
+      { name: 'Production Commands', desc: '全栈开发、安全、数据/ML、DevOps 命令集', repo: 'wshobson/commands', stars: '500+' },
+      { name: 'Claude Slash Commands', desc: '轻量级常用命令集合，直接可用', repo: 'artemgetmann/claude-slash-commands', stars: '200+' },
+      { name: 'Claude Commands', desc: '自定义命令合集，附完整文档', repo: 'david-t-martel/claude-commands', stars: '100+' },
+      { name: 'Claude Code Skills', desc: '专业技能市场，生产级 Skill 合集', repo: 'daymade/claude-code-skills', stars: '100+' },
+      { name: 'My Claude Code', desc: '日常使用的精选命令和工作流', repo: 'vincenthopf/My-Claude-Code', stars: '50+' },
     ];
-
     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:var(--muted);padding:0.3rem 0.5rem;border-bottom:1px solid var(--surface2)">热门社区技能仓库 · 点击安装</div>' +
+      sklView('market');
+      document.getElementById('skill-market-list').innerHTML = '<div class="skl-hint">热门社区技能仓库 · 点一个扫描，选择要装的（安装前会做安全检查）</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 class="skl-item" style="cursor:pointer" onclick="installFromMarket(${i})">
+            <div class="skl-main">
               <div style="font-weight:500">${escHtml(m.name)} <span style="color:var(--muted);font-size:0.7rem">★ ${m.stars}</span></div>
-              <div class="desc">${escHtml(m.desc)}</div>
+              <div class="skl-desc">${escHtml(m.desc)}</div>
               <div style="color:var(--blue);font-size:0.68rem">${escHtml(m.repo)}</div>
             </div>
-          </div>
-        `).join('') +
-        '<div style="padding:0.6rem 0.5rem;font-size:0.72rem;color:var(--muted);border-top:1px solid var(--surface2)">' +
-        '更多: <a href="https://github.com/hesreallyhim/awesome-claude-code" target="_blank" style="color:var(--blue)">awesome-claude-code</a>' +
-        ' · <a href="https://skillsmp.com" target="_blank" style="color:var(--blue)">skillsmp.com</a>' +
-        ' · <a href="https://www.skillhub.club" target="_blank" style="color:var(--blue)">skillhub.club</a></div>';
+          </div>`).join('') +
+        '<div class="skl-hint" style="margin-top:0.5rem">更多：<a href="https://github.com/hesreallyhim/awesome-claude-code" target="_blank" style="color:var(--blue)">awesome-claude-code</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;
-      // 自动触发扫描
+      sklView('team');
+      document.getElementById('skill-git-url').value = `https://github.com/${SKILL_MARKET[idx].repo}.git`;
       await scanGitSkills();
+      const sub = document.getElementById('skl-git-sub'); if (sub) sub.checked = false;
     };
 
     // ── Git 提交推送 ──────────────────────────────
@@ -6500,7 +6821,7 @@
       ].join('');
       if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
       addInputMessage('📘 让 AI 生成项目说明');
-      socket.emit('agent:query', { prompt });
+      socket.emit('agent:query', { prompt, display: '📘 让 AI 生成项目说明' });
       showThinking();
     };
 
@@ -6699,7 +7020,7 @@
       if (currentSession?.mode === 'agent') {
         if (!isController && canTakeControl()) socket.emit('take-control', { sessionId: SESSION_ID });
         addInputMessage('🤖 让 AI 过一遍记忆（找过时/重复/废弃）');
-        socket.emit('agent:query', { prompt });
+        socket.emit('agent:query', { prompt, display: '🤖 让 AI 过一遍记忆（找过时/重复/废弃）' });
         showThinking();
       } else {
         addStatusMessage('该功能仅在 agent(Claude) 会话可用');