claude-code-templates 1.21.13 → 1.21.14

package/docs/index.html

@@ -40,7 +40,15 @@
     <meta name="product" content="Claude Code Templates">
     <meta name="platform" content="Anthropic Claude Code">
     <meta name="category" content="AI Development Tools">
-    
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="static/favicon/favicon.ico">
+    <link rel="icon" type="image/png" sizes="16x16" href="static/favicon/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="static/favicon/favicon-32x32.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="static/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="static/favicon/android-chrome-192x192.png">
+    <link rel="icon" type="image/png" sizes="512x512" href="static/favicon/android-chrome-512x512.png">
+
     <link rel="stylesheet" href="css/styles.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -105,27 +113,18 @@
             </div>
         </div>
                 <div class="header-actions">
-                    <!-- Workflows button temporarily hidden for testing -->
-                    <!-- 
-                    <a href="workflows.html" class="header-btn">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-                            <path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4M6,6H18V8H6V6M6,10H16V12H6V10M6,14H14V16H6V14Z"/>
-                        </svg>
-                        Workflows
-                    </a>
-                    -->
-                    <a href="https://www.anthropic.com/claude-code?ref=aitmpl.com" target="_blank" class="header-btn anthropic-btn" title="Learn about Anthropic's Claude Code">
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
-                        </svg>
-                        Claude Code
-                    </a>
                     <a href="blog/index.html" class="header-btn">
                         <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                             <path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"/>
                         </svg>
                         Blog
                     </a>
+                    <a href="https://discord.gg/dyTTwzBhwY" target="_blank" class="header-btn">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                            <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
+                        </svg>
+                        Discord
+                    </a>
                     <!-- <a href="jobs.html" class="header-btn">
                         <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                             <path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14Z"/>
@@ -219,7 +218,14 @@
                         <a href="/mcps" class="filter-chip" data-filter="mcps" onclick="handleFilterClick(event, 'mcps')">
                             <span class="chip-icon">🔌</span>mcps
                         </a>
-                        <a href="/templates" class="filter-chip" data-filter="templates" onclick="handleFilterClick(event, 'templates')">
+                        <a href="/plugins" class="filter-chip" data-filter="plugins" onclick="handleFilterClick(event, 'plugins')">
+                            <span class="chip-icon">🧩</span>plugins
+                        </a>
+                        <a href="/skills" class="filter-chip" data-filter="skills" onclick="handleFilterClick(event, 'skills')">
+                            <span class="new-label">NEW</span>
+                            <span class="chip-icon">🎨</span>skills
+                        </a>
+                        <a href="/templates" class="filter-chip" data-filter="templates" onclick="handleFilterClick(event, 'templates')" style="display: none;">
                             <span class="chip-icon">📦</span>templates
                         </a>
                     </div>
@@ -403,13 +409,13 @@
                 
                 <div class="tool-card">
                     <span class="new-label">NEW</span>
-                    <div class="tool-icon">☁️</div>
-                    <h3>E2B Cloud Sandbox</h3>
-                    <p>Execute Claude Code in isolated cloud environments with any agent or component</p>
+                    <div class="tool-icon">🧩</div>
+                    <h3>Plugin Dashboard</h3>
+                    <p>Manage Claude Code plugins with a visual dashboard. View installed marketplaces, enable/disable plugins, and monitor component status in real-time</p>
                     <div class="command-line">
                         <span class="prompt">$</span>
-                        <code class="command">npx claude-code-templates@latest --sandbox e2b</code>
-                        <button class="copy-btn" onclick="copyToClipboard('npx claude-code-templates@latest --sandbox e2b')">Copy</button>
+                        <code class="command">npx claude-code-templates@latest --plugins</code>
+                        <button class="copy-btn" onclick="copyToClipboard('npx claude-code-templates@latest --plugins')">Copy</button>
                     </div>
                 </div>
             </div>
@@ -446,6 +452,18 @@
                             </svg>
                             Documentation
                         </a>
+                        <a href="https://www.anthropic.com/claude-code?ref=aitmpl.com" target="_blank" class="footer-link">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+                            </svg>
+                            Claude Code
+                        </a>
+                        <a href="https://discord.gg/dyTTwzBhwY" target="_blank" class="footer-link">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+                                <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
+                            </svg>
+                            Discord
+                        </a>
                         <a href="https://github.com/davila7/claude-code-templates" target="_blank" class="footer-link">
                             <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                 <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.30 3.297-1.30.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
@@ -536,6 +554,14 @@
                         </h4>
                         <div class="cart-section-items" id="mcpsList"></div>
                     </div>
+
+                    <div class="cart-section">
+                        <h4>
+                            <span class="section-icon">🎨</span>
+                            Skills (<span id="skillsCount">0</span>)
+                        </h4>
+                        <div class="cart-section-items" id="skillsList"></div>
+                    </div>
                 </div>
             </div>
             

package/docs/jobs.html

@@ -4,6 +4,14 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Claude Code Jobs - Find Your Next AI-Powered Development Role</title>
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="static/favicon/favicon.ico">
+    <link rel="icon" type="image/png" sizes="16x16" href="static/favicon/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="static/favicon/favicon-32x32.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="static/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="static/favicon/android-chrome-192x192.png">
+    <link rel="icon" type="image/png" sizes="512x512" href="static/favicon/android-chrome-512x512.png">
+
     <meta name="description" content="Discover the latest job opportunities requiring Claude Code expertise. Find positions at Anthropic and other companies building the future of AI-powered development.">
     
     <!-- Open Graph / Facebook -->

package/docs/js/cart-manager.js

@@ -7,6 +7,7 @@ class CartManager {
             settings: [],
             hooks: [],
             mcps: [],
+            skills: [],
             templates: [] // Add templates support
         };
         this.init();
@@ -92,7 +93,7 @@ class CartManager {
         if (this.getTotalItems() === 0) return;
         
         if (confirm('Are you sure you want to clear your entire stack?')) {
-            this.cart = { agents: [], commands: [], settings: [], hooks: [], mcps: [], templates: [] };
+            this.cart = { agents: [], commands: [], settings: [], hooks: [], mcps: [], skills: [], templates: [] };
             this.saveCartToStorage();
             this.updateCartUI();
             this.updateFloatingButton();
@@ -103,11 +104,12 @@ class CartManager {
     // Get total items count
     getTotalItems() {
         this.initializeCartStructure();
-        return (this.cart.agents?.length || 0) + 
-               (this.cart.commands?.length || 0) + 
-               (this.cart.settings?.length || 0) + 
-               (this.cart.hooks?.length || 0) + 
-               (this.cart.mcps?.length || 0) + 
+        return (this.cart.agents?.length || 0) +
+               (this.cart.commands?.length || 0) +
+               (this.cart.settings?.length || 0) +
+               (this.cart.hooks?.length || 0) +
+               (this.cart.mcps?.length || 0) +
+               (this.cart.skills?.length || 0) +
                (this.cart.templates?.length || 0);
     }
     
@@ -118,6 +120,7 @@ class CartManager {
         if (!this.cart.settings) this.cart.settings = [];
         if (!this.cart.hooks) this.cart.hooks = [];
         if (!this.cart.mcps) this.cart.mcps = [];
+        if (!this.cart.skills) this.cart.skills = [];
         if (!this.cart.templates) this.cart.templates = [];
     }
     
@@ -244,12 +247,14 @@ class CartManager {
         const settingsCount = document.getElementById('settingsCount');
         const hooksCount = document.getElementById('hooksCount');
         const mcpsCount = document.getElementById('mcpsCount');
-        
+        const skillsCount = document.getElementById('skillsCount');
+
         if (agentsCount) agentsCount.textContent = this.cart.agents.length;
         if (commandsCount) commandsCount.textContent = this.cart.commands.length;
         if (settingsCount) settingsCount.textContent = this.cart.settings.length;
         if (hooksCount) hooksCount.textContent = this.cart.hooks.length;
         if (mcpsCount) mcpsCount.textContent = this.cart.mcps.length;
+        if (skillsCount) skillsCount.textContent = this.cart.skills.length;
 
         // Render sections
         this.renderSection('agents', 'agentsList');
@@ -257,6 +262,7 @@ class CartManager {
         this.renderSection('settings', 'settingsList');
         this.renderSection('hooks', 'hooksList');
         this.renderSection('mcps', 'mcpsList');
+        this.renderSection('skills', 'skillsList');
     }
 
     // Render a specific section
@@ -320,6 +326,11 @@ class CartManager {
             command += ` --mcp "${mcpPaths}"`;
         }
 
+        if (this.cart.skills.length > 0) {
+            const skillPaths = this.cart.skills.map(item => this.getCleanPath(item.path)).join(',');
+            command += ` --skill "${skillPaths}"`;
+        }
+
         const generatedCommand = document.getElementById('generatedCommand');
         if (generatedCommand) {
             generatedCommand.textContent = command;
@@ -383,6 +394,7 @@ class CartManager {
             settings: '⚙️',
             hooks: '🪝',
             mcps: '🔌',
+            skills: '🎨',
             templates: '📦'
         };
         return icons[type] || '📦';
@@ -402,9 +414,10 @@ class CartManager {
                 // Ensure all arrays exist using centralized method
                 this.initializeCartStructure();
                 if (!this.cart.templates) this.cart.templates = [];
+                if (!this.cart.skills) this.cart.skills = [];
             } catch (e) {
                 console.warn('Failed to load cart from storage:', e);
-                this.cart = { agents: [], commands: [], settings: [], hooks: [], mcps: [], templates: [] };
+                this.cart = { agents: [], commands: [], settings: [], hooks: [], mcps: [], skills: [], templates: [] };
             }
         }
     }