mdk-skills 2.2.1 → 2.2.3

package/.claude/.install.log

@@ -1,18 +1,9 @@
-[2026-05-10 14:45:01] [INFO] Install started (upgrade)
-[2026-05-10 14:45:01] [SKILL] frontend-code-review (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] frontend-design (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] skill-creator (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] ui-ux-pro-max (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] v3-fe-biz-patterns (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] vue (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SETTINGS] settings.json merged
-[2026-05-10 14:45:01] [BACKUP] backups/CLAUDE.md.20260510.144501 (CLAUDE.md user version preserved)
-[2026-05-10 14:51:55] [INFO] Install started (upgrade)
-[2026-05-10 14:51:55] [SKILL] frontend-code-review (1.0.0) → skipped (exists)
-[2026-05-10 14:51:55] [SKILL] frontend-design (1.0.0) → skipped (exists)
-[2026-05-10 14:51:55] [SKILL] skill-creator (1.0.0) → skipped (exists)
-[2026-05-10 14:51:55] [SKILL] ui-ux-pro-max (1.0.0) → skipped (exists)
-[2026-05-10 14:51:55] [SKILL] v3-fe-biz-patterns (1.0.0) → skipped (exists)
-[2026-05-10 14:51:55] [SKILL] vue (1.0.0) → skipped (exists)
-[2026-05-10 14:51:55] [SETTINGS] settings.json merged
-[2026-05-10 14:51:55] [BACKUP] backups/CLAUDE.md.20260510.145155 (CLAUDE.md user version preserved)
+[2026-05-10 15:19:53] [INFO] Install started (upgrade)
+[2026-05-10 15:19:53] [SKILL] frontend-code-review (1.0.0) → skipped (exists)
+[2026-05-10 15:19:53] [SKILL] frontend-design (1.0.0) → skipped (exists)
+[2026-05-10 15:19:53] [SKILL] skill-creator (1.0.0) → skipped (exists)
+[2026-05-10 15:19:53] [SKILL] ui-ux-pro-max (1.0.0) → skipped (exists)
+[2026-05-10 15:19:53] [SKILL] v3-fe-biz-patterns (1.0.0) → skipped (exists)
+[2026-05-10 15:19:53] [SKILL] vue (1.0.0) → skipped (exists)
+[2026-05-10 15:19:53] [SETTINGS] settings.json merged
+[2026-05-10 15:19:53] [BACKUP] backups/CLAUDE.md.20260510.151953 (CLAUDE.md user version preserved)

package/.claude/backups/20260510.151953/.install.log

@@ -0,0 +1 @@
+[2026-05-10 15:19:53] [INFO] Install started (upgrade)

package/.claude/backups/{20260510.144501 → 20260510.151953}/settings.json

@@ -25,11 +25,5 @@
       "description": "前端业务模式库，loading/滚动加载/导入导出/批量操作/表单联动/大列表渲染/Service层封装/Pinia Store模式/分页数据管理等常见业务场景"
     }
   },
-  "always_apply_skills": [
-    "vue",
-    "frontend-design",
-    "frontend-code-review",
-    "ui-ux-pro-max"
-  ],
-  "_active_profile": "vue3-frontend"
+  "always_apply_skills": []
 }

package/.claude/settings.json

@@ -25,11 +25,5 @@
       "description": "前端业务模式库，loading/滚动加载/导入导出/批量操作/表单联动/大列表渲染/Service层封装/Pinia Store模式/分页数据管理等常见业务场景"
     }
   },
-  "always_apply_skills": [
-    "vue",
-    "frontend-design",
-    "frontend-code-review",
-    "ui-ux-pro-max"
-  ],
-  "_active_profile": "vue3-frontend"
+  "always_apply_skills": []
 }

package/package.json

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

package/scripts/cli.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 
 const fs = require("fs");
 const path = require("path");

package/scripts/web-ui/server.js

@@ -204,10 +204,11 @@ async function handleApi(req, res) {
   const pathname = url.pathname;
   const method = req.method;
 
-  // CORS
+  // CORS & 防缓存
   res.setHeader("Access-Control-Allow-Origin", "*");
   res.setHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
   res.setHeader("Access-Control-Allow-Headers", "Content-Type");
+  res.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");
 
   if (method === "OPTIONS") {
     res.writeHead(204);
@@ -229,11 +230,18 @@ async function handleApi(req, res) {
       return sendJSON(res, result);
     }
 
-    // POST /api/skills/toggle — 开关技能
+    // POST /api/skills/toggle — 开关技能（启用时自动安装）
     if (method === "POST" && pathname === "/api/skills/toggle") {
       const body = await parseBody(req);
       const { name, enabled } = body;
       if (!name) return sendJSON(res, { error: "缺少技能名" }, 400);
+      if (enabled) {
+        const src = path.join(pkgSkillsSource, name);
+        const dest = path.join(skillsDest, name);
+        if (fs.existsSync(src) && !fs.existsSync(dest)) {
+          copyDirSync(src, dest);
+        }
+      }
       const settings = readSettings();
       if (!settings.skills) settings.skills = {};
       if (!settings.skills[name]) settings.skills[name] = {};

package/scripts/web-ui/src/api/skills.js

@@ -1,7 +1,11 @@
 const BASE = "/api";
 
 async function request(path, options = {}) {
-  const res = await fetch(BASE + path, {
+  // GET 请求加时间戳，绕开浏览器缓存
+  const url = (options.method || "GET") === "GET"
+    ? BASE + path + (path.includes("?") ? "&" : "?") + "_t=" + Date.now()
+    : BASE + path;
+  const res = await fetch(url, {
     headers: { "Content-Type": "application/json" },
     ...options,
   });

package/scripts/web-ui/src/views/Dashboard.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, onActivated, onUnmounted } from "vue";
 import { NIcon } from "naive-ui";
 import { RefreshOutline } from "@vicons/ionicons5";
 import SkillCard from "../components/SkillCard.vue";
@@ -48,7 +48,18 @@ async function loadSkills() {
   }
 }
 
+// 首次加载
 onMounted(loadSkills);
+
+// keep-alive 切回来时自动刷新
+onActivated(loadSkills);
+
+// 从其他窗口切回浏览器时自动刷新
+function onFocus() {
+  if (document.visibilityState === "visible") loadSkills();
+}
+onMounted(() => document.addEventListener("visibilitychange", onFocus));
+onUnmounted(() => document.removeEventListener("visibilitychange", onFocus));
 </script>
 
 <style scoped>

package/.claude/backups/20260510.144501/.install.log

@@ -1 +0,0 @@
-[2026-05-10 14:45:01] [INFO] Install started (upgrade)

package/.claude/backups/20260510.145155/.install.log

@@ -1,10 +0,0 @@
-[2026-05-10 14:45:01] [INFO] Install started (upgrade)
-[2026-05-10 14:45:01] [SKILL] frontend-code-review (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] frontend-design (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] skill-creator (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] ui-ux-pro-max (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] v3-fe-biz-patterns (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SKILL] vue (1.0.0) → skipped (exists)
-[2026-05-10 14:45:01] [SETTINGS] settings.json merged
-[2026-05-10 14:45:01] [BACKUP] backups/CLAUDE.md.20260510.144501 (CLAUDE.md user version preserved)
-[2026-05-10 14:51:55] [INFO] Install started (upgrade)

package/.claude/backups/20260510.145155/profiles.json

@@ -1,67 +0,0 @@
-{
-  "version": 1,
-  "profiles": [
-    {
-      "id": "vue3-frontend",
-      "name": "Vue3 前端专项",
-      "description": "Vue3 技术栈 | 业务架构 | 界面设计 | 代码规范评审",
-      "skills": [
-        "vue",
-        "v3-fe-biz-patterns",
-        "frontend-design",
-        "frontend-code-review",
-        "ui-ux-pro-max",
-        "skill-creator"
-      ],
-      "always_apply": [
-        "vue",
-        "frontend-design",
-        "frontend-code-review",
-        "ui-ux-pro-max"
-      ]
-    },
-    {
-      "id": "react-frontend",
-      "name": "React 前端专项",
-      "description": "React 技术栈 | 界面设计 | 代码评审 | 通用前端能力",
-      "skills": [
-        "frontend-design",
-        "frontend-code-review",
-        "ui-ux-pro-max",
-        "skill-creator"
-      ],
-      "always_apply": [
-        "frontend-design",
-        "frontend-code-review",
-        "ui-ux-pro-max"
-      ]
-    },
-    {
-      "id": "backend-java",
-      "name": "Java 后端开发",
-      "description": "接口架构设计 | 数据库建模 | Java 后端体系能力",
-      "skills": ["skill-creator"],
-      "always_apply": []
-    },
-    {
-      "id": "backend-python",
-      "name": "Python 后端开发",
-      "description": "接口架构设计 | 数据层设计 | Python 后端体系能力",
-      "skills": ["skill-creator"],
-      "always_apply": []
-    },
-    {
-      "id": "backend-node",
-      "name": "Node.js 后端开发",
-      "description": "接口架构设计 | 服务端架构 | Node 后端体系能力",
-      "skills": ["skill-creator"],
-      "always_apply": []
-    },
-    {
-      "id": "custom",
-      "name": "自定义技能组合",
-      "description": "自由勾选技能项，按需个性化配置",
-      "skills": null
-    }
-  ]
-}

package/.claude/backups/20260510.145155/settings.json

@@ -1,35 +0,0 @@
-{
-  "skills": {
-    "frontend-code-review": {
-      "enabled": true,
-      "description": "前端代码全面审查"
-    },
-    "frontend-design": {
-      "enabled": true,
-      "description": "创意前端界面设计，落地页/品牌页/营销页"
-    },
-    "skill-creator": {
-      "enabled": true,
-      "description": "创建和更新技能指令"
-    },
-    "ui-ux-pro-max": {
-      "enabled": true,
-      "description": "UI/UX 设计智能系统，50 种样式，21 种配色方案"
-    },
-    "vue": {
-      "enabled": true,
-      "description": "Vue 3 组件/组合式函数开发，提供 Composition API 最佳实践"
-    },
-    "v3-fe-biz-patterns": {
-      "enabled": true,
-      "description": "前端业务模式库，loading/滚动加载/导入导出/批量操作/表单联动/大列表渲染/Service层封装/Pinia Store模式/分页数据管理等常见业务场景"
-    }
-  },
-  "always_apply_skills": [
-    "vue",
-    "frontend-design",
-    "frontend-code-review",
-    "ui-ux-pro-max"
-  ],
-  "_active_profile": "vue3-frontend"
-}

package/.claude/backups/20260510.145155/skills/frontend-code-review/.meta.json

@@ -1,6 +0,0 @@
-{
-  "name": "frontend-code-review",
-  "version": "1.0.0",
-  "description": "前端代码全面审查，含 React/Vue/Angular/原生 JS/TS 项目",
-  "tags": ["frontend", "review", "react", "vue", "angular"]
-}

package/.claude/backups/20260510.145155/skills/frontend-code-review/SKILL.md

@@ -1,167 +0,0 @@
----
-name: frontend-code-review
-description: 当用户需要对前端代码进行全面审查时使用此技能，包括 React、Vue、Angular 或原生 JavaScript/TypeScript 项目。适用于代码审查、Pull Request 评审、性能审计、安全检查等场景。
-license: MIT
-author: Bamzc
----
-
-# 前端代码审查技能
-
-## 技能用途
-
-对前端代码进行系统化审查，涵盖代码质量、性能、安全、可访问性等多个维度。支持 React、Vue、Angular 和原生 JavaScript/TypeScript 项目。
-
-## 审查工作流程
-
-### 第一步：识别项目类型和范围
-
-执行以下识别工作：
-
-1. 确定框架类型（React、Vue、Angular、原生 JS/TS）
-2. 评估代码规模（单组件、功能模块、完整应用）
-3. 检查明显的语法错误、格式问题或导入错误
-
-### 第二步：多维度系统审查
-
-按照以下维度逐一审查代码：
-
-**代码质量**
-- 检查命名是否语义化且一致
-- 识别代码重复和可重构的机会
-- 确认函数/组件是否遵循单一职责原则
-- 评估文件组织和模块结构的合理性
-
-**功能实现**
-- 验证业务逻辑正确性
-- 检查边界情况和错误处理
-- 审查异步操作处理（Promise、async/await）
-- 确认加载状态和错误状态的用户反馈机制
-
-**性能优化**
-- 识别不必要的组件重渲染
-- 检查列表渲染的 key 使用是否正确
-- 评估对打包体积的影响
-- 审查图片优化策略（格式、懒加载、响应式）
-- 检查网络请求效率（缓存、去重、防抖节流）
-
-**安全性**
-- 检测 XSS 漏洞（未转义输入、dangerouslySetInnerHTML 使用）
-- 验证输入验证和数据清洗
-- 审查敏感数据处理（localStorage、API 令牌）
-- 检查 CSRF 保护机制
-- 评估第三方依赖的安全风险
-
-**可访问性 (a11y)**
-- 检查语义化 HTML 的使用
-- 验证 ARIA 属性的正确性
-- 测试键盘导航支持
-- 检查颜色对比度
-- 确认图片 alt 文本和表单 label
-
-**框架特定模式**
-
-*React:*
-- 检查 Hook 使用（useEffect 依赖数组、自定义 Hook 设计）
-- 识别闭包陷阱
-- 验证受控与非受控组件的正确使用
-- 评估 Context 使用的适当性
-- 审查状态管理设计（本地 vs 全局）
-
-*Vue 3 Composition API:*
-- 检查 ref/reactive 使用是否合理
-- 验证 computed/watch 使用是否正确
-- 评估组件通信方式（props/emit/provide/inject）
-- 检查生命周期钩子使用
-- 审查组合函数（Composables）抽取是否合理
-
-*TypeScript:*
-- 验证类型定义的准确性和完整性
-- 识别 `any` 类型的过度使用
-- 检查泛型使用的合理性
-- 评估接口/类型的可复用性
-
-**浏览器兼容性**
-- 检查目标浏览器支持的特性
-- 验证 CSS 供应商前缀
-- 评估 polyfill 必要性
-- 审查响应式设计实现
-
-### 第三步：生成结构化报告
-
-使用以下格式输出审查结果：
-
-```markdown
-## 🔍 代码审查报告
-
-### 文件：[文件路径]
-
-#### ✅ 优秀实践
-
-列出代码中做得好的地方：
-- 优雅的解决方案
-- 良好的设计模式
-- 清晰的代码结构
-- 周到的抽象设计
-
-#### ⚠️ 需要改进的问题
-
-| 类别 | 问题描述 | 改进建议 | 严重程度 |
-|------|---------|---------|----------|
-| 性能 | [具体问题] | [改进方案] | 🔴 高 / 🟡 中 / 🟢 低 |
-
-#### 📊 代码评分
-
-> ### 🎯 综合评分：X.X / 10
-> **等级：[🏆S/🥇A/🥈B/🥉C/⚠️D/❌F]（[等级描述]）** | **状态：[✅可直接上线/⚠️需修复后上线/❌需要重构]**
-
-| 维度 | 得分 | 评价 |
-|------|------|------|
-| 代码质量 | X/10 | [简要评价] |
-| 功能实现 | X/10 | [简要评价] |
-| 性能优化 | X/10 | [简要评价] |
-| 安全性 | X/10 | [简要评价] |
-| 可访问性 | X/10 | [简要评价] |
-
-**主要扣分项**：[具体说明扣分原因]
-
-#### 📝 改进建议
-
-- **优先修复**：[关键问题列表]
-- **后续优化**：[可选改进方向]
-```
-
-**评分等级标准：**
-
-| 等级 | 分数范围 | 状态 | 含义 |
-|------|----------|------|------|
-| 🏆 S | 9.5-10 | ✅ 可直接上线 | 卓越，可作为最佳实践范本 |
-| 🥇 A | 8.5-9.4 | ✅ 可直接上线 | 优秀，生产级代码 |
-| 🥈 B | 7.0-8.4 | ⚠️ 修复后上线 | 良好，少量问题需修复 |
-| 🥉 C | 5.5-6.9 | ⚠️ 修复后上线 | 一般，需要认真修复优化 |
-| ⚠️ D | 4.0-5.4 | ❌ 需要重构 | 较差，建议较大范围重构 |
-| ❌ F | < 4.0 | ❌ 需要重构 | 不合格，建议重写 |
-
-**严重程度定义：**
-- 🔴 高：安全漏洞、严重 bug、崩溃风险 → 必须修复
-- 🟡 中：性能问题、代码规范、可维护性 → 建议修复
-- 🟢 低：代码风格、优化建议 → 可选改进
-
-### 第四步：积极认可优秀实践
-
-在报告中突出强调：
-- 优雅的解决方案和设计模式
-- 良好的编码实践
-- 结构清晰的代码组织
-- 周到的抽象和封装
-
-## 审查深度调整策略
-
-根据以下因素调整审查深度和重点：
-
-- **代码规模**：小改动快速审查核心问题，大功能进行全面深度审查
-- **代码上下文**：生产环境代码采用严格标准，原型代码可适度宽容
-- **时间限制**：时间紧张时按优先级审查（安全 > 性能 > 规范 > 风格）
-
-## 补充资源
-
-详细的审查检查清单和工具推荐请参考 `references/checklist.md`。