mdk-skills 2.2.8 → 2.2.10

package/.claude/profiles.json

@@ -1,67 +1,73 @@
-{
-  "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
-    }
-  ]
-}
+{
+  "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/package.json

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

package/scripts/web-ui/server.js

@@ -286,13 +286,14 @@ async function handleApi(req, res) {
       return sendJSON(res, { ok: true, ...result });
     }
 
-    // GET /api/profiles — 获取场景列表
+    // GET /api/profiles — 获取场景列表（含只读状态）
     if (method === "GET" && pathname === "/api/profiles") {
       const profiles = loadProfiles();
       const settings = readSettings();
       return sendJSON(res, {
         profiles: profiles || [],
         activeProfile: settings._active_profile || null,
+        readonly: !settings._skill_source,
       });
     }
 
@@ -309,6 +310,84 @@ async function handleApi(req, res) {
       return sendJSON(res, { ok: true, ...result });
     }
 
+    // POST /api/profiles/save — 新增/编辑场景（仅本地源模式）
+    if (method === "POST" && pathname === "/api/profiles/save") {
+      const body = await parseBody(req);
+      const settings = readSettings();
+      if (!settings._skill_source)
+        return sendJSON(res, { error: "npm 模式下不可编辑场景" }, 403);
+
+      const profilesPath = path.join(skillsSource, ".claude", "profiles.json");
+      let data = { version: 1, profiles: [] };
+      if (fs.existsSync(profilesPath)) {
+        try {
+          data = JSON.parse(fs.readFileSync(profilesPath, "utf-8"));
+        } catch {}
+      }
+
+      const { id, name, description, skills, always_apply } = body;
+      if (!name) return sendJSON(res, { error: "场景名称不能为空" }, 400);
+
+      if (id) {
+        const index = data.profiles.findIndex((p) => p.id === id);
+        if (index === -1) return sendJSON(res, { error: "场景不存在" }, 404);
+        data.profiles[index] = {
+          ...data.profiles[index],
+          name,
+          description: description || "",
+          skills: skills || [],
+          always_apply: always_apply || [],
+        };
+      } else {
+        const newId = "profile_" + Date.now().toString(36);
+        data.profiles.push({
+          id: newId,
+          name,
+          description: description || "",
+          skills: skills || [],
+          always_apply: always_apply || [],
+        });
+      }
+
+      fs.writeFileSync(profilesPath, JSON.stringify(data, null, 2) + "\n", "utf-8");
+
+      // 同步到项目 .claude
+      const projectProfilesPath = path.join(claudeDest, "profiles.json");
+      fs.writeFileSync(projectProfilesPath, JSON.stringify(data, null, 2) + "\n", "utf-8");
+
+      return sendJSON(res, { ok: true, profiles: data.profiles });
+    }
+
+    // POST /api/profiles/delete — 删除场景（仅本地源模式）
+    if (method === "POST" && pathname === "/api/profiles/delete") {
+      const body = await parseBody(req);
+      const settings = readSettings();
+      if (!settings._skill_source)
+        return sendJSON(res, { error: "npm 模式下不可编辑场景" }, 403);
+
+      const { id } = body;
+      if (!id) return sendJSON(res, { error: "缺少场景 ID" }, 400);
+      if (id === "custom")
+        return sendJSON(res, { error: "不能删除内置场景" }, 403);
+
+      const profilesPath = path.join(skillsSource, ".claude", "profiles.json");
+      if (!fs.existsSync(profilesPath))
+        return sendJSON(res, { error: "场景文件不存在" }, 404);
+
+      const data = JSON.parse(fs.readFileSync(profilesPath, "utf-8"));
+      const index = data.profiles.findIndex((p) => p.id === id);
+      if (index === -1) return sendJSON(res, { error: "场景不存在" }, 404);
+
+      data.profiles.splice(index, 1);
+      fs.writeFileSync(profilesPath, JSON.stringify(data, null, 2) + "\n", "utf-8");
+
+      // 同步到项目 .claude
+      const projectProfilesPath = path.join(claudeDest, "profiles.json");
+      fs.writeFileSync(projectProfilesPath, JSON.stringify(data, null, 2) + "\n", "utf-8");
+
+      return sendJSON(res, { ok: true });
+    }
+
     // GET /api/status — 当前状态总览
     if (method === "GET" && pathname === "/api/status") {
       const settings = readSettings();
@@ -332,12 +411,43 @@ async function handleApi(req, res) {
       });
     }
 
-    // GET /api/source — 获取本地源信息
+    // GET /api/source — 获取本地源信息（含初始化检测）
     if (method === "GET" && pathname === "/api/source") {
       const settings = readSettings();
+      const sourcePath = settings._skill_source || null;
+
+      let needsInit = false;
+      if (sourcePath) {
+        const claudeDir = path.join(sourcePath, ".claude");
+        if (fs.existsSync(claudeDir)) {
+          // 检查 profiles.json
+          const hasProfiles = fs.existsSync(path.join(claudeDir, "profiles.json"));
+          // 检查 settings.json
+          const hasSettings = fs.existsSync(path.join(claudeDir, "settings.json"));
+          // 检查每个 skill 目录的 .meta.json
+          const skillsDir = path.join(claudeDir, "skills");
+          let allMeta = true;
+          if (fs.existsSync(skillsDir)) {
+            for (const name of fs.readdirSync(skillsDir)) {
+              const skillDir = path.join(skillsDir, name);
+              if (fs.statSync(skillDir).isDirectory()) {
+                if (!fs.existsSync(path.join(skillDir, ".meta.json"))) {
+                  allMeta = false;
+                  break;
+                }
+              }
+            }
+          }
+          needsInit = !hasProfiles || !hasSettings || !allMeta;
+        } else {
+          needsInit = true;
+        }
+      }
+
       return sendJSON(res, {
-        connected: !!settings._skill_source,
-        path: settings._skill_source || null,
+        connected: !!sourcePath,
+        path: sourcePath,
+        needsInit,
       });
     }
 
@@ -427,6 +537,81 @@ async function handleApi(req, res) {
       return sendJSON(res, { ok: true });
     }
 
+    // POST /api/source/init — 初始化本地源骨架文件（缺啥补啥）
+    if (method === "POST" && pathname === "/api/source/init") {
+      const settings = readSettings();
+      const sourcePath = settings._skill_source;
+      if (!sourcePath) return sendJSON(res, { error: "未绑定本地源" }, 400);
+
+      const claudeDir = path.join(sourcePath, ".claude");
+      const skillsDir = path.join(claudeDir, "skills");
+      const profilesPath = path.join(claudeDir, "profiles.json");
+      const settingsPath = path.join(claudeDir, "settings.json");
+
+      const created = { profiles: false, settings: false, metaFiles: 0 };
+
+      // 1. profiles.json
+      if (!fs.existsSync(profilesPath)) {
+        fs.writeFileSync(
+          profilesPath,
+          JSON.stringify(
+            {
+              version: 1,
+              profiles: [
+                {
+                  id: "custom",
+                  name: "自定义技能组合",
+                  description: "自由勾选技能项，按需个性化配置",
+                  skills: null,
+                },
+              ],
+            },
+            null,
+            2,
+          ) + "\n",
+          "utf-8",
+        );
+        created.profiles = true;
+      }
+
+      // 2. settings.json
+      if (!fs.existsSync(settingsPath)) {
+        fs.writeFileSync(
+          settingsPath,
+          JSON.stringify({ skills: {}, always_apply_skills: [] }, null, 2) + "\n",
+          "utf-8",
+        );
+        created.settings = true;
+      }
+
+      // 3. 每个 skill 目录的 .meta.json
+      if (fs.existsSync(skillsDir)) {
+        for (const name of fs.readdirSync(skillsDir)) {
+          const skillDir = path.join(skillsDir, name);
+          if (!fs.statSync(skillDir).isDirectory()) continue;
+          const metaPath = path.join(skillDir, ".meta.json");
+          if (!fs.existsSync(metaPath)) {
+            fs.writeFileSync(
+              metaPath,
+              JSON.stringify(
+                {
+                  version: "1.0.0",
+                  description: name,
+                  tags: [],
+                },
+                null,
+                2,
+              ) + "\n",
+              "utf-8",
+            );
+            created.metaFiles++;
+          }
+        }
+      }
+
+      return sendJSON(res, { ok: true, ...created });
+    }
+
     // GET /api/diagnose — 健康检查
     if (method === "GET" && pathname === "/api/diagnose") {
       const results = [];

package/scripts/web-ui/src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <n-message-provider>
     <n-notification-provider>
-      <n-config-provider :theme="theme">
+      <n-config-provider :theme="theme" :locale="zhCN" :date-locale="dateZhCN">
         <n-layout class="app-layout">
           <!-- 导航栏 -->
           <n-layout-header class="app-header" bordered>
@@ -37,7 +37,7 @@
 <script setup>
 import { h, ref, onMounted, computed } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import { NIcon } from "naive-ui";
+import { NIcon, zhCN, dateZhCN } from "naive-ui";
 import {
   AppsOutline,
   SwapHorizontalOutline,

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

@@ -41,6 +41,20 @@ export function applyProfile(profileId) {
   });
 }
 
+export function saveProfile(data) {
+  return request("/profiles/save", {
+    method: "POST",
+    body: JSON.stringify(data),
+  });
+}
+
+export function deleteProfile(id) {
+  return request("/profiles/delete", {
+    method: "POST",
+    body: JSON.stringify({ id }),
+  });
+}
+
 export function getStatus() {
   return request("/status");
 }
@@ -64,6 +78,10 @@ export function syncSource() {
   return request("/source/sync", { method: "POST" });
 }
 
+export function initSource() {
+  return request("/source/init", { method: "POST" });
+}
+
 export function diagnose() {
   return request("/diagnose");
 }

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

@@ -2,19 +2,42 @@
   <div class="scene-switch">
     <div class="page-header">
       <h2>场景切换</h2>
+      <n-button v-if="!readonly" size="small" type="primary" @click="openCreate">
+        <template #icon><n-icon><AddOutline /></n-icon></template>
+        新建场景
+      </n-button>
     </div>
 
     <n-spin :show="loading">
       <div class="scene-grid">
         <n-card
-          v-for="profile in profiles"
+          v-for="profile in filteredProfiles"
           :key="profile.id"
           class="scene-card"
           :class="{ active: profile.id === activeId }"
           :title="profile.name"
           size="small"
-          hoverable
         >
+          <template #header-extra>
+            <n-space v-if="!readonly && profile.id !== 'custom' && profile.skills !== null" :size="4">
+              <n-button size="tiny" quaternary @click="openEdit(profile)">
+                <template #icon><n-icon size="16"><PencilOutline /></n-icon></template>
+              </n-button>
+              <n-popconfirm
+                :negative-text="'取消'"
+                :positive-text="'确认删除'"
+                @positive-click="onDelete(profile)"
+              >
+                <template #trigger>
+                  <n-button size="tiny" quaternary>
+                    <template #icon><n-icon size="16"><TrashOutline /></n-icon></template>
+                  </n-button>
+                </template>
+                确定删除场景「{{ profile.name }}」？
+              </n-popconfirm>
+            </n-space>
+          </template>
+
           <p class="scene-desc">{{ profile.description }}</p>
 
           <template #footer>
@@ -30,7 +53,7 @@
               </n-tag>
 
               <n-button
-                v-if="profile.id !== activeId && profile.skills !== null"
+                v-if="profile.id !== activeId"
                 size="small"
                 type="primary"
                 :loading="applying === profile.id"
@@ -38,44 +61,90 @@
               >
                 应用
               </n-button>
-              <n-button
-                v-if="profile.id !== activeId && profile.skills === null"
-                size="small"
-                @click="openCustomDialog"
-              >
-                自定义勾选
-              </n-button>
             </div>
           </template>
         </n-card>
       </div>
     </n-spin>
 
-    <!-- 自定义勾选弹窗 -->
-    <n-modal v-model:show="showCustom" title="自定义技能组合" preset="card" style="width: 480px">
-      <n-checkbox-group v-model:value="customSelected">
-        <n-space vertical>
-          <n-checkbox
-            v-for="skill in allSkills"
-            :key="skill.name"
-            :value="skill.name"
-            :label="skill.name"
+    <!-- 编辑弹窗 -->
+    <n-modal
+      v-model:show="showEditor"
+      :title="editingProfile ? '编辑场景' : '新建场景'"
+      preset="card"
+      style="width: 520px"
+      :mask-closable="false"
+    >
+      <n-form :model="formData" label-placement="top">
+        <n-form-item label="场景名称" required>
+          <n-input
+            v-model:value="formData.name"
+            placeholder="给场景起个名字"
+            :maxlength="30"
           />
-        </n-space>
-      </n-checkbox-group>
+        </n-form-item>
+        <n-form-item label="场景描述">
+          <n-input
+            v-model:value="formData.description"
+            type="textarea"
+            :rows="2"
+            placeholder="简短描述这个场景的用途"
+          />
+        </n-form-item>
+        <n-divider />
+        <n-form-item label="包含的技能">
+          <n-checkbox-group v-model:value="formData.skills">
+            <n-space vertical>
+              <n-checkbox
+                v-for="skill in allSkills"
+                :key="skill.name"
+                :value="skill.name"
+                :label="skill.name"
+              />
+            </n-space>
+          </n-checkbox-group>
+        </n-form-item>
+        <n-divider />
+        <n-form-item label="始终加载（always_apply）">
+          <template v-if="formData.skills.length === 0">
+            <span class="hint-text">请先勾选包含的技能</span>
+          </template>
+          <n-checkbox-group v-else v-model:value="formData.always_apply">
+            <n-space vertical>
+              <n-checkbox
+                v-for="skillName in formData.skills"
+                :key="skillName"
+                :value="skillName"
+                :label="skillName"
+              />
+            </n-space>
+          </n-checkbox-group>
+        </n-form-item>
+      </n-form>
       <template #footer>
-        <n-button type="primary" :loading="customLoading" @click="onApplyCustom">
-          确认安装
-        </n-button>
+        <n-space justify="end">
+          <n-button @click="showEditor = false">取消</n-button>
+          <n-button type="primary" :loading="saving" @click="onSave">
+            保存
+          </n-button>
+        </n-space>
       </template>
     </n-modal>
   </div>
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
 import { useMessage } from "naive-ui";
-import { getProfiles, applyProfile, getSkills, installSkills } from "../api/skills";
+import { NIcon } from "naive-ui";
+import { AddOutline, PencilOutline, TrashOutline } from "@vicons/ionicons5";
+import {
+  getProfiles,
+  applyProfile,
+  getSkills,
+  saveProfile,
+  deleteProfile,
+} from "../api/skills";
 
 const emit = defineEmits(["refresh"]);
 const message = useMessage();
@@ -85,10 +154,21 @@ const activeId = ref(null);
 const allSkills = ref([]);
 const loading = ref(false);
 const applying = ref(null);
+const readonly = ref(true);
+
+// 编辑器
+const showEditor = ref(false);
+const editingProfile = ref(null);
+const saving = ref(false);
+const formData = ref({
+  name: "",
+  description: "",
+  skills: [],
+  always_apply: [],
+});
 
-const showCustom = ref(false);
-const customSelected = ref([]);
-const customLoading = ref(false);
+// 过滤掉不可见的场景（如已有内置）
+const filteredProfiles = computed(() => profiles.value);
 
 async function loadData() {
   loading.value = true;
@@ -96,47 +176,93 @@ async function loadData() {
     const res = await getProfiles();
     profiles.value = res.profiles || [];
     activeId.value = res.activeProfile;
+    readonly.value = res.readonly !== false;
     allSkills.value = await getSkills();
   } finally {
     loading.value = false;
   }
 }
 
-async function onApply(profile) {
-  applying.value = profile.id;
+function openCreate() {
+  editingProfile.value = null;
+  formData.value = {
+    name: "",
+    description: "",
+    skills: [],
+    always_apply: [],
+  };
+  showEditor.value = true;
+}
+
+function openEdit(profile) {
+  editingProfile.value = profile;
+  formData.value = {
+    name: profile.name,
+    description: profile.description || "",
+    skills: [...(profile.skills || [])],
+    always_apply: [...(profile.always_apply || [])],
+  };
+  showEditor.value = true;
+}
+
+async function onSave() {
+  if (!formData.value.name.trim()) {
+    message.warning("请填写场景名称");
+    return;
+  }
+  saving.value = true;
   try {
-    const res = await applyProfile(profile.id);
+    const data = {
+      id: editingProfile.value?.id,
+      name: formData.value.name.trim(),
+      description: formData.value.description.trim(),
+      skills: formData.value.skills,
+      always_apply: formData.value.always_apply,
+    };
+    const res = await saveProfile(data);
     if (res.ok) {
-      activeId.value = profile.id;
-      message.success(`已切换到「${profile.name}」`);
+      profiles.value = res.profiles;
+      message.success(editingProfile.value ? "场景已更新" : "场景已创建");
+      showEditor.value = false;
       emit("refresh");
+    } else if (res.error) {
+      message.error(res.error);
     }
   } catch {
-    message.error("切换失败");
+    message.error("保存失败");
   } finally {
-    applying.value = null;
+    saving.value = false;
   }
 }
 
-function openCustomDialog() {
-  customSelected.value = allSkills.value.filter((s) => s.enabled).map((s) => s.name);
-  showCustom.value = true;
+async function onDelete(profile) {
+  try {
+    const res = await deleteProfile(profile.id);
+    if (res.ok) {
+      profiles.value = profiles.value.filter((p) => p.id !== profile.id);
+      message.success(`场景「${profile.name}」已删除`);
+      emit("refresh");
+    } else if (res.error) {
+      message.error(res.error);
+    }
+  } catch {
+    message.error("删除失败");
+  }
 }
 
-async function onApplyCustom() {
-  customLoading.value = true;
+async function onApply(profile) {
+  applying.value = profile.id;
   try {
-    const res = await installSkills(customSelected.value);
+    const res = await applyProfile(profile.id);
     if (res.ok) {
-      message.success(`已安装 ${customSelected.value.length} 个技能`);
-      activeId.value = "custom";
-      showCustom.value = false;
+      activeId.value = profile.id;
+      message.success(`已切换到「${profile.name}」`);
       emit("refresh");
     }
   } catch {
-    message.error("安装失败");
+    message.error("切换失败");
   } finally {
-    customLoading.value = false;
+    applying.value = null;
   }
 }
 
@@ -145,6 +271,9 @@ onMounted(loadData);
 
 <style scoped>
 .page-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
   margin-bottom: 20px;
 }
 
@@ -178,4 +307,9 @@ onMounted(loadData);
   align-items: center;
   justify-content: space-between;
 }
+
+.hint-text {
+  font-size: 12px;
+  color: #999;
+}
 </style>

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

@@ -16,6 +16,12 @@
         </n-alert>
       </div>
 
+      <!-- 初始化提示 -->
+      <n-alert v-if="sourceInfo.connected && sourceInfo.needsInit" type="warning" :bordered="false" class="init-alert">
+        <template #header>本地源缺少配置文件</template>
+        profiles.json、settings.json 或 .meta.json 缺失，初始化后将生成骨架文件
+      </n-alert>
+
       <div class="source-actions">
         <n-input
           v-if="!sourceInfo.connected"
@@ -35,6 +41,14 @@
           >
             连接
           </n-button>
+          <n-button
+            v-if="sourceInfo.connected && sourceInfo.needsInit"
+            type="warning"
+            :loading="initializing"
+            @click="onInit"
+          >
+            初始化
+          </n-button>
           <n-button
             v-if="sourceInfo.connected"
             :loading="syncing"
@@ -97,15 +111,17 @@ import {
   connectSource,
   disconnectSource,
   syncSource,
+  initSource,
   diagnose,
 } from "../api/skills";
 
 const emit = defineEmits(["refresh"]);
 const message = useMessage();
 
-const sourceInfo = ref({ connected: false, path: null });
+const sourceInfo = ref({ connected: false, path: null, needsInit: false });
 const repoPath = ref("");
 const connecting = ref(false);
+const initializing = ref(false);
 const syncing = ref(false);
 const disconnecting = ref(false);
 const diagnosing = ref(false);
@@ -149,6 +165,28 @@ async function onSync() {
   }
 }
 
+async function onInit() {
+  initializing.value = true;
+  try {
+    const res = await initSource();
+    if (res.ok) {
+      const parts = [];
+      if (res.profiles) parts.push("profiles.json");
+      if (res.settings) parts.push("settings.json");
+      if (res.metaFiles > 0) parts.push(`${res.metaFiles} 个 .meta.json`);
+      message.success(`初始化完成：${parts.join("、") || "无缺失文件"}`);
+      await loadSource();
+      emit("refresh");
+    } else {
+      message.error(res.error || "初始化失败");
+    }
+  } catch {
+    message.error("初始化失败");
+  } finally {
+    initializing.value = false;
+  }
+}
+
 async function onDisconnect() {
   disconnecting.value = true;
   try {
@@ -193,6 +231,10 @@ onMounted(loadSource);
   margin-bottom: 20px;
 }
 
+.init-alert {
+  margin-bottom: 12px;
+}
+
 .source-status {
   margin-bottom: 16px;
 }

package/.claude/skills/test1/.meta.json

@@ -1,6 +0,0 @@
-{
-  "name": "test1",
-  "version": "1.0.0",
-  "description": "测试技能1",
-  "tags": ["test", "frontend"]
-}

package/.claude/skills/test2/.meta.json

@@ -1,6 +0,0 @@
-{
-  "name": "test2",
-  "version": "1.0.0",
-  "description": "测试技能2",
-  "tags": ["test", "frontend"]
-}

package/.claude/skills/test3/.meta.json

@@ -1,6 +0,0 @@
-{
-  "name": "test3",
-  "version": "1.0.0",
-  "description": "测试技能3",
-  "tags": ["test", "frontend"]
-}