feat: Add plugin skills support to Skills Manager Dashboard

🎯 Skills Manager now detects skills from 3 sources:
- Personal: ~/.claude/skills/
- Project: .claude/skills/
- Plugin: ~/.claude/plugins/marketplaces/*/plugins/*/skills/*/

✨ Features:
- Added loadPluginSkills() to scan marketplace-installed skills
- Skills from /plugin install now appear in dashboard
- Detailed logging for debugging skill detection
- Fixed filter counts to show consistent totals

🔧 Improvements:
- Filter counts remain static regardless of active filter
- Shows total count for each category (All, Personal, Project, Plugin)
- Enhanced logging for better troubleshooting
- Supports skills installed via Claude Code plugin system

📦 Version: 1.28.3

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: davila7

cli-tool/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-templates",
-  "version": "1.28.2",
+  "version": "1.28.3",
   "description": "CLI tool to setup Claude Code configurations with framework-specific commands, automation hooks and MCP Servers for your projects",
   "main": "src/index.js",
   "bin": {

cli-tool/package.json

@@ -362,11 +362,11 @@ function updateStats() {
   document.getElementById('sidebarTotalSkills').textContent = total;
   document.getElementById('sidebarPersonalSkills').textContent = personal;
 
-  // Filter counts
-  document.getElementById('countAll').textContent = state.filteredSkills.length;
-  document.getElementById('countPersonal').textContent = state.filteredSkills.filter(s => s.source === 'Personal').length;
-  document.getElementById('countProject').textContent = state.filteredSkills.filter(s => s.source === 'Project').length;
-  document.getElementById('countPlugin').textContent = state.filteredSkills.filter(s => s.source === 'Plugin').length;
+  // Filter counts - always show totals, not filtered counts
+  document.getElementById('countAll').textContent = total;
+  document.getElementById('countPersonal').textContent = personal;
+  document.getElementById('countProject').textContent = project;
+  document.getElementById('countPlugin').textContent = plugin;
 }
 
 // Update Empty State

cli-tool/src/skill-dashboard-web/script.js

@@ -26,14 +26,24 @@ class SkillDashboard {
   async loadSkillsData() {
     try {
       // Load personal skills
+      console.log(chalk.gray(`📂 Scanning personal skills: ${this.personalSkillsDir}`));
       this.personalSkills = await this.loadSkillsFromDirectory(this.personalSkillsDir, 'Personal');
+      console.log(chalk.gray(`✓ Found ${this.personalSkills.length} personal skill(s)`));
 
       // Load project skills (if in a project directory)
       const projectSkillsDir = path.join(process.cwd(), '.claude', 'skills');
+      console.log(chalk.gray(`📂 Scanning project skills: ${projectSkillsDir}`));
       this.projectSkills = await this.loadSkillsFromDirectory(projectSkillsDir, 'Project');
+      console.log(chalk.gray(`✓ Found ${this.projectSkills.length} project skill(s)`));
+
+      // Load plugin skills from marketplaces
+      console.log(chalk.gray(`📂 Scanning plugin skills from marketplaces`));
+      this.pluginSkills = await this.loadPluginSkills();
+      console.log(chalk.gray(`✓ Found ${this.pluginSkills.length} plugin skill(s)`));
 
       // Combine all skills
-      this.skills = [...this.personalSkills, ...this.projectSkills];
+      this.skills = [...this.personalSkills, ...this.projectSkills, ...this.pluginSkills];
+      console.log(chalk.green(`✅ Total skills loaded: ${this.skills.length}`));
 
     } catch (error) {
       console.error(chalk.red('Error loading skills data:'), error.message);
@@ -46,38 +56,114 @@ class SkillDashboard {
 
     try {
       if (!(await fs.pathExists(skillsDir))) {
-        if (this.options.verbose) {
-          console.log(chalk.yellow(`Skills directory not found: ${skillsDir}`));
-        }
+        console.log(chalk.gray(`  ℹ Directory does not exist: ${skillsDir}`));
         return skills;
       }
 
       const skillDirs = await fs.readdir(skillsDir);
+      console.log(chalk.gray(`  📁 Found ${skillDirs.length} item(s) in ${skillsDir}`));
 
       for (const skillDir of skillDirs) {
+        // Skip hidden files and directories
+        if (skillDir.startsWith('.')) continue;
+
         const skillPath = path.join(skillsDir, skillDir);
 
         try {
           const stat = await fs.stat(skillPath);
-          if (!stat.isDirectory()) continue;
+          if (!stat.isDirectory()) {
+            console.log(chalk.gray(`  ⊘ Skipping non-directory: ${skillDir}`));
+            continue;
+          }
 
           // Look for SKILL.md
           const skillMdPath = path.join(skillPath, 'SKILL.md');
 
           if (await fs.pathExists(skillMdPath)) {
+            console.log(chalk.gray(`  ✓ Found SKILL.md in ${skillDir}`));
             const skillData = await this.parseSkill(skillMdPath, skillPath, skillDir, source);
             if (skillData) {
               skills.push(skillData);
+              console.log(chalk.green(`  ✅ Loaded skill: ${skillData.name}`));
             }
+          } else {
+            console.log(chalk.gray(`  ⊘ No SKILL.md in ${skillDir}`));
           }
         } catch (error) {
-          console.warn(chalk.yellow(`Warning: Error loading skill ${skillDir}`), error.message);
+          console.warn(chalk.yellow(`  ⚠ Error loading skill ${skillDir}:`), error.message);
+        }
+      }
+
+      return skills;
+    } catch (error) {
+      console.warn(chalk.yellow(`Warning: Error loading skills from ${skillsDir}:`), error.message);
+      return skills;
+    }
+  }
+
+  async loadPluginSkills() {
+    const skills = [];
+    const pluginsDir = path.join(this.claudeDir, 'plugins', 'marketplaces');
+
+    try {
+      if (!(await fs.pathExists(pluginsDir))) {
+        console.log(chalk.gray(`  ℹ Plugins directory does not exist: ${pluginsDir}`));
+        return skills;
+      }
+
+      const marketplaces = await fs.readdir(pluginsDir);
+      console.log(chalk.gray(`  📁 Found ${marketplaces.length} marketplace(s)`));
+
+      for (const marketplace of marketplaces) {
+        if (marketplace.startsWith('.')) continue;
+
+        const marketplacePath = path.join(pluginsDir, marketplace, 'plugins');
+
+        if (!(await fs.pathExists(marketplacePath))) {
+          continue;
+        }
+
+        const plugins = await fs.readdir(marketplacePath);
+        console.log(chalk.gray(`  📦 Scanning marketplace: ${marketplace} (${plugins.length} plugin(s))`));
+
+        for (const plugin of plugins) {
+          if (plugin.startsWith('.')) continue;
+
+          const skillsPath = path.join(marketplacePath, plugin, 'skills');
+
+          if (!(await fs.pathExists(skillsPath))) {
+            continue;
+          }
+
+          const skillDirs = await fs.readdir(skillsPath);
+
+          for (const skillDir of skillDirs) {
+            if (skillDir.startsWith('.')) continue;
+
+            const skillPath = path.join(skillsPath, skillDir);
+            const stat = await fs.stat(skillPath);
+
+            if (!stat.isDirectory()) {
+              continue;
+            }
+
+            const skillMdPath = path.join(skillPath, 'SKILL.md');
+
+            if (await fs.pathExists(skillMdPath)) {
+              console.log(chalk.gray(`  ✓ Found plugin skill: ${skillDir} from ${marketplace}`));
+              const skillData = await this.parseSkill(skillMdPath, skillPath, skillDir, 'Plugin');
+              if (skillData) {
+                skills.push(skillData);
+                console.log(chalk.green(`  ✅ Loaded plugin skill: ${skillData.name}`));
+              }
+            }
+          }
         }
       }
 
       return skills;
     } catch (error) {
-      console.warn(chalk.yellow(`Warning: Error loading skills from ${skillsDir}`), error.message);
+      console.warn(chalk.yellow(`Warning: Error loading plugin skills:`), error.message);
       return skills;
     }
   }