dk-frontend-skills 2.0.1 → 2.1.1

package/.claude/skills/fe-biz-patterns/.meta.json

@@ -1,6 +1,6 @@
 {
   "name": "fe-biz-patterns",
   "version": "1.0.0",
-  "description": "前端业务模式库，收录前端业务中沉淀的方案和最佳实践",
+  "description": "小马自己的前端业务模式库，收录小马在前端业务中沉淀的方案和最佳实践",
   "tags": ["frontend", "pattern", "vue", "react"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dk-frontend-skills",
-  "version": "2.0.1",
+  "version": "2.1.1",
   "description": "dk-engineer - 幽默沉稳靠谱的前端开发助手 Claude Skills 配置包，一键注入 .claude/ 技能目录和 CLAUDE.md 人设配置",
   "author": "XiaoMa",
   "license": "MIT",

package/scripts/cli.js

@@ -4,13 +4,16 @@ const fs = require("fs");
 const path = require("path");
 const { getPackageSkills, getUserSkills } = require("./core");
 
-// 定位项目根目录和包目录
-const projectRoot = path.resolve(__dirname, "..", "..", "..");
+// npx 运行时：process.cwd() 是用户项目目录
+// __dirname 是包内 scripts/ 目录
+const projectRoot = process.cwd();
 const packageDir = path.join(__dirname, "..");
 const claudeDest = path.join(projectRoot, ".claude");
+const skillsDest = path.join(claudeDest, "skills");
 const settingsPath = path.join(claudeDest, "settings.json");
+const pkgSkillsSource = path.join(packageDir, ".claude", "skills");
 
-// ---------- 辅助函数 ----------
+// ---------- 文件写入 ----------
 
 function readSettings() {
   if (!fs.existsSync(settingsPath)) return { skills: {}, always_apply_skills: [] };
@@ -22,14 +25,47 @@ function readSettings() {
 }
 
 function writeSettings(settings) {
+  if (!fs.existsSync(claudeDest)) {
+    fs.mkdirSync(claudeDest, { recursive: true });
+  }
   fs.writeFileSync(settingsPath, JSON.stringify(settings, null, 2) + "\n", "utf-8");
 }
 
-function saveSkillSelection(choices) {
+// ---------- 安装勾选的技能 ----------
+
+function installSelectedSkills(selectedNames) {
+  // 创建 .claude/ 和 skills/ 目录
+  if (!fs.existsSync(skillsDest)) {
+    fs.mkdirSync(skillsDest, { recursive: true });
+  }
+
+  const allPkgSkills = fs.readdirSync(pkgSkillsSource);
+  let installedCount = 0;
+
+  for (const name of allPkgSkills) {
+    const src = path.join(pkgSkillsSource, name);
+    const dest = path.join(skillsDest, name);
+
+    if (selectedNames.includes(name)) {
+      // 勾选了的 → 安装（不存在才装）
+      if (!fs.existsSync(dest)) {
+        fs.cpSync(src, dest, { recursive: true });
+        installedCount++;
+      }
+    } else {
+      // 没勾选的 → 如果之前装了，删掉
+      if (fs.existsSync(dest)) {
+        fs.rmSync(dest, { recursive: true, force: true });
+      }
+    }
+  }
+
+  // 生成 settings.json
   const settings = readSettings();
   if (!settings.skills) settings.skills = {};
 
-  for (const { name, enabled } of choices) {
+  for (const name of allPkgSkills) {
+    const enabled = selectedNames.includes(name);
     if (!settings.skills[name]) {
       settings.skills[name] = {};
     }
@@ -37,11 +73,26 @@ function saveSkillSelection(choices) {
   }
 
   writeSettings(settings);
+
+  // 安装 CLAUDE.md（没有才装）
+  const mdSource = path.join(packageDir, "CLAUDE.md");
+  const mdDest = path.join(projectRoot, "CLAUDE.md");
+  if (fs.existsSync(mdSource) && !fs.existsSync(mdDest)) {
+    fs.copyFileSync(mdSource, mdDest);
+    console.log("  📝 CLAUDE.md 已创建\n");
+  }
+
+  return installedCount;
 }
 
 // ---------- 命令：list ----------
 
 async function cmdList() {
+  if (!fs.existsSync(claudeDest)) {
+    console.log("\n  ⚠️  尚未安装技能，请先运行 npx dk-frontend-skills\n");
+    return;
+  }
+
   const chalk = (await import("chalk")).default;
   const pkgSkills = getPackageSkills(packageDir);
   const userSkills = getUserSkills(claudeDest);
@@ -72,52 +123,19 @@ async function cmdList() {
     console.log(`  ${status}  ${name} ${ver} ${desc}`);
   }
 
-  console.log(`\n  ${chalk.cyan("💡")} ${chalk.dim("运行 npx dk-skills 进入交互选择模式")}\n`);
+  console.log(`\n  ${chalk.cyan("💡")} ${chalk.dim("运行 npx dk-frontend-skills 进入交互选择模式")}\n`);
 }
 
-// ---------- 命令：enable / disable ----------
-
-function cmdToggle(enable, names) {
-  if (names.length === 0) {
-    console.log(`  用法: npx dk-skills ${enable ? "enable" : "disable"} <技能名...>`);
-    return;
-  }
-
-  const pkgSkills = getPackageSkills(packageDir);
-  const pkgNames = new Set(pkgSkills.map((s) => s.name));
-  const userSkills = getUserSkills(claudeDest);
-  const userNames = new Set(userSkills.map((s) => s.name));
+// ---------- 交互式菜单（选完即装） ----------
 
-  const notFound = names.filter((n) => !pkgNames.has(n));
-  if (notFound.length > 0) {
-    console.log(`  ⚠️  未知技能: ${notFound.join(", ")}`);
-    console.log(`  可用: ${[...pkgNames].join(", ")}\n`);
-    return;
-  }
+async function startInteractiveMenu() {
+  const { checkbox } = await import("@inquirer/prompts");
 
-  const notInstalled = names.filter((n) => !userNames.has(n));
-  if (notInstalled.length > 0) {
-    console.log(`  ⚠️  以下技能尚未安装: ${notInstalled.join(", ")}`);
-    console.log(`  请先执行 npm i dk-frontend-skills 安装完整技能包\n`);
+  if (!fs.existsSync(pkgSkillsSource)) {
+    console.log("  ⚠️  包内没有找到技能文件\n");
     return;
   }
 
-  const choices = userSkills.map((s) => ({
-    name: s.name,
-    enabled: names.includes(s.name) ? enable : s.enabled,
-  }));
-
-  saveSkillSelection(choices);
-
-  const action = enable ? "启用" : "停用";
-  console.log(`  ✅ 已${action}: ${names.join(", ")}\n`);
-}
-
-// ---------- 交互式菜单 (@inquirer/prompts) ----------
-
-async function startInteractiveMenu() {
-  const { checkbox } = await import("@inquirer/prompts");
-
   const pkgSkills = getPackageSkills(packageDir);
 
   if (pkgSkills.length === 0) {
@@ -125,31 +143,45 @@ async function startInteractiveMenu() {
     return;
   }
 
+  // 读取已安装状态：已装且启用的默认勾选
   const userSkills = getUserSkills(claudeDest);
-  const userMap = new Map(userSkills.map((s) => [s.name, s.enabled]));
+  const enabledSet = new Set(
+    userSkills.filter((s) => s.enabled).map((s) => s.name),
+  );
+  const installedSet = new Set(userSkills.map((s) => s.name));
+
+  // 首次运行全部默认勾选（省事），再次运行沿用已有状态
+  const hasExistingInstall = fs.existsSync(claudeDest);
+  const defaultChecked = hasExistingInstall
+    ? enabledSet
+    : new Set(pkgSkills.map((s) => s.name));
 
   const choices = pkgSkills.map((s) => ({
     name: s.name,
     value: s.name,
     description: s.description || undefined,
-    checked: userMap.has(s.name) ? userMap.get(s.name) : false,
+    checked: defaultChecked.has(s.name),
   }));
 
   const selected = await checkbox({
-    message: "选择要启用的技能",
+    message: "选择要安装的技能（未勾选的将从 .claude/ 中移除）",
     instructions: "(↑↓ 导航, 空格 开关, Enter 确认)",
     choices,
     pageSize: 15,
     loop: false,
   });
 
-  const allChoices = pkgSkills.map((s) => ({
-    name: s.name,
-    enabled: selected.includes(s.name),
-  }));
+  const newCount = selected.filter((name) => !installedSet.has(name)).length;
+  const removedCount = [...installedSet].filter((name) => !selected.includes(name)).length;
+
+  const installed = installSelectedSkills(selected);
 
-  saveSkillSelection(allChoices);
-  console.log("\n  ✅ 技能选择已保存\n");
+  const parts = [];
+  if (newCount > 0) parts.push(`新装 ${newCount} 个`);
+  if (removedCount > 0) parts.push(`移除 ${removedCount} 个`);
+  const summary = parts.length > 0 ? `（${parts.join("，")}）` : "";
+
+  console.log(`\n  ✅ 技能安装完成 ${summary}\n`);
 }
 
 // ---------- 主入口 ----------
@@ -167,23 +199,20 @@ async function main() {
   dk-frontend-skills CLI
 
   用法:
-    npx dk-skills             交互式技能选择菜单
-    npx dk-skills list        查看技能清单
-    npx dk-skills enable  <技能名...>   启用指定技能
-    npx dk-skills disable <技能名...>   停用指定技能
-    npx dk-skills --help      显示帮助
+    npx dk-frontend-skills             交互式选择并安装技能
+    npx dk-frontend-skills list        查看已安装的技能
+    npx dk-frontend-skills --help      显示帮助
+
+  首次运行会自动创建 .claude/ 目录，勾选要安装的技能即可
 
   示例:
-    npx dk-skills list
-    npx dk-skills enable vue fe-biz-patterns
-    npx dk-skills disable moai-framework-electron
+    npx dk-frontend-skills
+    npx dk-frontend-skills list
 `);
   } else if (command === "list") {
     await cmdList();
-  } else if (command === "enable") {
-    cmdToggle(true, args);
-  } else if (command === "disable") {
-    cmdToggle(false, args);
+  } else if (command === "enable" || command === "disable") {
+    console.log(`  ⚠️  该命令已废弃，请直接运行 npx dk-frontend-skills 使用交互菜单\n`);
   } else {
     console.log(`  未知命令: ${command}\n  可用: ${COMMANDS.join(", ")}\n`);
     process.exit(1);