index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Claude Code Linux Desktop Slash Commands</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="container">
            <h1>Claude Code Slash Commands</h1>
            <p class="subtitle">Linux Desktop System Administration Commands</p>
        </div>
    </header>

    <main class="container">
        <div class="intro">
            <p>A comprehensive collection of Claude Code slash commands for Linux desktop system administration tasks. Browse by category to find commands for AI tools, system health, hardware management, and more.</p>
        </div>

        <div class="search-box">
            <input type="text" id="searchInput" placeholder="Search commands..." onkeyup="filterCategories()">
        </div>

        <div class="categories-grid" id="categoriesGrid">
            
        <div class="category-card" onclick="window.location.href='category.html?cat=ai-tools'">
            <h3>Ai Tools</h3>
            <p class="command-count">3 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=av'">
            <h3>Av</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=backup'">
            <h3>Backup</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=bluetooth'">
            <h3>Bluetooth</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=by-component'">
            <h3>By Component</h3>
            <p class="command-count">4 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=chunking'">
            <h3>Chunking</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=clis'">
            <h3>Clis</h3>
            <p class="command-count">8 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=comfyui'">
            <h3>Comfyui</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=conda'">
            <h3>Conda</h3>
            <p class="command-count">5 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=configuration'">
            <h3>Configuration</h3>
            <p class="command-count">9 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=debugging'">
            <h3>Debugging</h3>
            <p class="command-count">5 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=dev-tools'">
            <h3>Dev Tools</h3>
            <p class="command-count">4 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=display'">
            <h3>Display</h3>
            <p class="command-count">4 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=filesystem-organization'">
            <h3>Filesystem Organization</h3>
            <p class="command-count">5 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=firewall'">
            <h3>Firewall</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=fonts'">
            <h3>Fonts</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=guis'">
            <h3>Guis</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=hardware'">
            <h3>Hardware</h3>
            <p class="command-count">3 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=hardware-profilers'">
            <h3>Hardware Profilers</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=health-checks'">
            <h3>Health Checks</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=installation'">
            <h3>Installation</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=kde'">
            <h3>Kde</h3>
            <p class="command-count">4 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=logging'">
            <h3>Logging</h3>
            <p class="command-count">4 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=mcp'">
            <h3>Mcp</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=media'">
            <h3>Media</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=network'">
            <h3>Network</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=network-mounts'">
            <h3>Network Mounts</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=node'">
            <h3>Node</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=ollama'">
            <h3>Ollama</h3>
            <p class="command-count">3 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=optimisation'">
            <h3>Optimisation</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=package-management'">
            <h3>Package Management</h3>
            <p class="command-count">5 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=peripherals'">
            <h3>Peripherals</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=posture-diagnostics'">
            <h3>Posture Diagnostics</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=program-management'">
            <h3>Program Management</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=pyenv'">
            <h3>Pyenv</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=python'">
            <h3>Python</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=raid'">
            <h3>Raid</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=repositories'">
            <h3>Repositories</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=security'">
            <h3>Security</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=system-health'">
            <h3>System Health</h3>
            <p class="command-count">4 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=tidy-up'">
            <h3>Tidy Up</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=utilities'">
            <h3>Utilities</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=virtualization'">
            <h3>Virtualization</h3>
            <p class="command-count">1 command</p>
        </div>
        
        <div class="category-card" onclick="window.location.href='category.html?cat=yadm'">
            <h3>Yadm</h3>
            <p class="command-count">2 commands</p>
        </div>
        
        </div>
    </main>

    <footer>
        <div class="container">
            <p>Created by Daniel Rosehill | <a href="https://github.com/danielrosehill/Claude-Code-Linux-Desktop-Slash-Commands" target="_blank">GitHub Repository</a></p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>