dsh-agent-skills 0.1.0 → 0.1.1

package/README.md

@@ -10,7 +10,7 @@
 
 很多 AI 编程工具都使用 `<技能名>/SKILL.md`，但技能分散在不同目录。`dsh-agent-skills` 会自动发现这些目录，把有效技能汇总进 DSH，并提供一个可视化设置页：
 
-- 自动发现 `~/.agents/skills`、`~/.claude/skills`、`~/.codex/skills`、`~/.gemini/skills` 等常用目录。
+- 默认扫描 `~/.agents/skills`、`~/.claude/skills`、`~/.codex/skills`、`~/.config/opencode/skills` 和 `~/.gemini/skills`。
 - 支持添加任意自定义技能目录。
 - 显示每个来源是否存在、包含多少有效技能，以及技能名称和描述。
 - 可按目录或单个技能启停；变更会持久化，并在下一次 Agent step 生效。
@@ -23,7 +23,7 @@
 
 打开 DSH 的「设置 → 插件市场」，搜索 **Agent Skills**，点击安装。市场会优先使用 npm 包，安装速度快，也不需要在本机重新构建。
 
-安装后重启一次 DSH Web，再打开「设置 → Agent Skills」。
+安装后继续完成下面的「启用技能开关」步骤，再重启 DSH Web。
 
 ### 方式二：从 npm 安装
 
@@ -31,22 +31,24 @@
 dsh plugin --profile web add dsh-agent-skills
 ```
 
-为了让技能开关覆盖 `standard` 和 `code` Agent preset 中的 filesystem provider，还需安装一次 preset-only 行：
+### 方式三：从 GitHub 安装
 
 ```bash
-DSH_INSTALL_ROOT="$(npm root -g)/@deepseek-ai/dsh" \
-  node ~/.dsh/profiles/web/node_modules/dsh-agent-skills/scripts/install-preset.mjs
+dsh plugin --profile web add github:minivv/dsh-agent-skills
 ```
 
-然后重启 DSH Web。这个 preset 入口只注册 scoped skill provider，不会在 Agent preset 中创建 `agentSkills` host 服务。
+仓库包含 `prepare: npm run build`，因此 pnpm 会在 Git 安装时自动构建。DSH/pnpm 可能会要求你授权构建脚本；不想授权构建时请使用 npm 或插件市场版本，npm 包已经包含构建好的 `lib/`。
 
-### 方式三：从 GitHub 安装
+### 启用技能开关
+
+完成任一种安装方式后，运行一次 preset 安装脚本，让技能开关覆盖 `standard` 和 `code` preset 自带的 filesystem provider：
 
 ```bash
-dsh plugin --profile web add github:minivv/dsh-agent-skills
+DSH_INSTALL_ROOT="$(npm root -g)/@deepseek-ai/dsh" \
+  node ~/.dsh/profiles/web/node_modules/dsh-agent-skills/scripts/install-preset.mjs
 ```
 
-仓库包含 `prepare: npm run build`，因此 pnpm 会在 Git 安装时自动构建。DSH/pnpm 可能会要求你授权构建脚本；不想授权构建时请使用 npm 或插件市场版本，npm 包已经包含构建好的 `lib/`。
+然后重启 DSH Web。这个 preset 入口只注册 scoped skill provider，不会在 Agent preset 中创建 `agentSkills` host 服务。DSH 升级可能覆盖内置 preset，若开关再次失效，重新运行这条命令即可。
 
 ## 使用
 

package/lib/client.js

@@ -51,7 +51,8 @@ var zh = {
   hideSkills: "\u6536\u8D77\u6280\u80FD",
   noSkillsInDir: "\u8BE5\u76EE\u5F55\u4E0B\u6CA1\u6709\u53EF\u7528\u6280\u80FD",
   dirMissing: "\u76EE\u5F55\u4E0D\u5B58\u5728",
-  enabledHeader: "\u6280\u80FD {total} \u4E2A\u53EF\u7528 \xB7 {custom} \u4E2A\u81EA\u5B9A\u4E49 \xB7 {global} \u4E2A\u5168\u5C40 \xB7 {builtin} \u4E2A\u5185\u7F6E",
+  enabledLabel: "\u6280\u80FD",
+  enabledStats: "{total} \u4E2A\u53EF\u7528 \xB7 {custom} \u4E2A\u81EA\u5B9A\u4E49 \xB7 {global} \u4E2A\u5168\u5C40 \xB7 {builtin} \u4E2A\u5185\u7F6E",
   noSkills: "\u5F53\u524D\u6CA1\u6709\u53EF\u7528\u7684\u6280\u80FD\u3002\u70B9\u51FB\u300C+ \u6DFB\u52A0\u76EE\u5F55\u300D\u6DFB\u52A0\u4E00\u4E2A\u6280\u80FD\u76EE\u5F55\uFF0C\u6216\u542F\u7528\u66F4\u591A\u6765\u6E90\u3002",
   noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6280\u80FD",
   tagCustom: "\u81EA\u5B9A\u4E49",
@@ -90,7 +91,8 @@ var en = {
   hideSkills: "Hide skills",
   noSkillsInDir: "No usable skills in this directory",
   dirMissing: "directory missing",
-  enabledHeader: "{total} skills available \xB7 {custom} custom \xB7 {global} global \xB7 {builtin} builtin",
+  enabledLabel: "Skills",
+  enabledStats: "{total} available \xB7 {custom} custom \xB7 {global} global \xB7 {builtin} builtin",
   noSkills: "No skills available. Click \u201C+ Add directory\u201D to add a skill directory, or enable more sources.",
   noMatch: "No matching skills",
   tagCustom: "Custom",
@@ -129,13 +131,13 @@ function SkillDescription({ text, t }) {
     const element = ref.current;
     if (element === null) return;
     const check2 = () => {
-      setOverflow(element.scrollHeight > element.clientHeight + 1);
+      if (!expanded) setOverflow(element.scrollHeight > element.clientHeight + 1);
     };
     check2();
     const observer = new ResizeObserver(check2);
     observer.observe(element);
     return () => observer.disconnect();
-  }, [text]);
+  }, [expanded, text]);
   if (text === "") return null;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ref, className: expanded ? "as-skill-desc" : "as-skill-desc as-skill-desc-clamped", children: text }),
@@ -381,12 +383,15 @@ function AgentSkillsSection({ api, t }) {
       },
       dir.path
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "as-skills-header", children: t("enabledHeader", {
-      total: view.counts.total,
-      custom: view.counts.custom,
-      global: view.counts.global,
-      builtin: view.counts.builtin
-    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { className: "as-skills-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "as-skills-header-title", children: t("enabledLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "as-skills-header-stats", children: t("enabledStats", {
+        total: view.counts.total,
+        custom: view.counts.custom,
+        global: view.counts.global,
+        builtin: view.counts.builtin
+      }) })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "as-skill-grid", children: filteredSkills.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "as-empty", children: query.trim() === "" ? t("noSkills") : t("noMatch") }) : filteredSkills.map((skill) => {
       const tagClass = skill.kind === "custom" ? "as-tag-custom" : skill.kind === "builtin" ? "as-tag-builtin" : "as-tag-global";
       const tagLabel = skill.kind === "custom" ? t("tagCustom") : skill.kind === "builtin" ? t("tagBuiltin") : t("tagGlobal");
@@ -481,8 +486,9 @@ var CSS = `
 .as-dir-skill-name { font-size: 13px; font-weight: 550; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
 .as-dir-skill-desc { font-size: 12px; color: var(--as-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
-.as-skills-header { font-size: 13px; font-weight: 550; margin: 4px 0 0; }
-.as-skills-header .muted { font-weight: 450; color: var(--as-muted); }
+.as-skills-header { display: flex; align-items: baseline; gap: 7px; font-size: 13px; font-weight: 550; margin: 4px 0 0; text-wrap: balance; }
+.as-skills-header-title { color: var(--as-text); }
+.as-skills-header-stats { font-size: 11px; font-weight: 450; color: var(--as-muted-2); font-variant-numeric: tabular-nums; }
 .as-skill-grid { display: flex; flex-direction: column; gap: 8px; }
 .as-skill-card { border: 1px solid var(--as-border-soft); border-radius: var(--as-radius); padding: 10px 12px; display: flex; flex-direction: column; gap: 5px; }
 .as-skill-row { display: flex; align-items: center; gap: 8px; }