npm - @atlashub/smartstack-cli - Versions diffs - 4.80.0 → 5.0.0 - Mend

@atlashub/smartstack-cli 4.80.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1008) hide show

package/.documentation/index.html CHANGED Viewed

@@ -1,9 +1,14 @@
 <!DOCTYPE html>
+<!--
+  AUTO-GENERATED by scripts/generate-docs — do not edit by hand.
+  Edit docs-src/index.md (or templates/skills/<skill>/SKILL.md for skill data)
+  and run `npm run build:docs`. CI enforces drift via `npm run docs:check`.
+-->
 <html lang="fr">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SmartStack CLI - Documentation</title>
+    <title>SmartStack CLI - Documentation - SmartStack CLI</title>
     <link rel="stylesheet" href="css/styles.css">
 </head>
 <body>
@@ -12,7 +17,7 @@
         <header class="global-header">
             <div class="logo">SS</div>
             <span class="site-title">SmartStack CLI</span>
-            <span class="version-badge">v3.34.0</span>
+            <span class="version-badge">v5.0.0</span>
             <div class="header-divider"></div>
             <span class="page-title">@atlashub/smartstack-cli</span>
             <!-- Language Select -->
@@ -31,7 +36,6 @@
             </div>
         </header>
-        <!-- App Body -->
         <div class="app-body">
             <!-- Sidebar -->
             <aside class="sidebar">
@@ -43,436 +47,163 @@
                 <nav class="sidebar-nav">
                 <div class="nav-section">
                     <div class="nav-section-title">
-                        <span data-lang="fr">Demarrage</span>
-                        <span data-lang="en">Getting Started</span>
+<span data-lang="fr">Démarrage</span><span data-lang="en">Getting Started</span>
                     </div>
                     <a href="index.html" class="nav-item active">
                         <span class="icon">🏠</span>
-                        <span class="nav-text" data-lang="fr">Accueil</span>
-                        <span class="nav-text" data-lang="en">Home</span>
+<span class="nav-text" data-lang="fr">Accueil</span><span class="nav-text" data-lang="en">Home</span>
                     </a>
                     <a href="installation.html" class="nav-item">
                         <span class="icon">📦</span>
-                        <span class="nav-text">Installation</span>
-                    </a>
-                    <a href="license.html" class="nav-item">
-                        <span class="icon">🔐</span>
-                        <span class="nav-text" data-lang="fr">Licence</span>
-                        <span class="nav-text" data-lang="en">License</span>
+<span class="nav-text" data-lang="fr">Installation</span><span class="nav-text" data-lang="en">Installation</span>
                     </a>
                     <a href="init.html" class="nav-item">
                         <span class="icon">🚀</span>
-                        <span class="nav-text">Projet Client</span>
+<span class="nav-text" data-lang="fr">Projet Client</span><span class="nav-text" data-lang="en">Client Project</span>
+                    </a>
+                    <a href="license.html" class="nav-item">
+                        <span class="icon">🔐</span>
+<span class="nav-text" data-lang="fr">Licence</span><span class="nav-text" data-lang="en">License</span>
                     </a>
                 </div>
                 <div class="nav-section">
-                    <div class="nav-section-title">Workflows</div>
+                    <div class="nav-section-title">
+<span data-lang="fr">Workflows</span><span data-lang="en">Workflows</span>
+                    </div>
                     <a href="gitflow.html" class="nav-item">
                         <span class="icon">🔀</span>
-                        <span class="nav-text">GitFlow</span>
+<span class="nav-text" data-lang="fr">GitFlow</span><span class="nav-text" data-lang="en">GitFlow</span>
                     </a>
                     <a href="efcore.html" class="nav-item">
                         <span class="icon">🗄️</span>
-                        <span class="nav-text">EF Core</span>
+<span class="nav-text" data-lang="fr">EF Core</span><span class="nav-text" data-lang="en">EF Core</span>
                     </a>
                     <a href="business-analyse.html" class="nav-item">
                         <span class="icon">📊</span>
-                        <span class="nav-text">Business Analyse</span>
+<span class="nav-text" data-lang="fr">Business Analyse</span><span class="nav-text" data-lang="en">Business Analysis</span>
                     </a>
-                    <a href="ralph-loop.html" class="nav-item">
-                        <span class="icon">&#128260;</span>
-                        <span class="nav-text">Ralph Loop</span>
+                    <a href="ba-develop.html" class="nav-item nav-item-child">
+                        <span class="icon">⚙️</span>
+<span class="nav-text" data-lang="fr">BA Develop</span><span class="nav-text" data-lang="en">BA Develop</span>
                     </a>
-                    <a href="apex.html" class="nav-item">
-                        <span class="icon">&#9881;</span>
-                        <span class="nav-text">APEX</span>
+                    <a href="ralph-loop.html" class="nav-item">
+                        <span class="icon">🔄</span>
+<span class="nav-text" data-lang="fr">Ralph Loop</span><span class="nav-text" data-lang="en">Ralph Loop</span>
                     </a>
                 </div>
                 <div class="nav-section">
                     <div class="nav-section-title">
-                        <span data-lang="fr">Outils</span>
-                        <span data-lang="en">Tools</span>
+<span data-lang="fr">Annuaire</span><span data-lang="en">Directory</span>
                     </div>
+                    <a href="commands.html" class="nav-item">
+                        <span class="icon">⚡</span>
+<span class="nav-text" data-lang="fr">Commandes Claude</span><span class="nav-text" data-lang="en">Claude Commands</span>
+                    </a>
                     <a href="cli-commands.html" class="nav-item">
                         <span class="icon">💻</span>
-                        <span class="nav-text" data-lang="fr">CLI SmartStack</span>
-                        <span class="nav-text" data-lang="en">SmartStack CLI</span>
+<span class="nav-text" data-lang="fr">CLI SmartStack</span><span class="nav-text" data-lang="en">SmartStack CLI</span>
+                    </a>
+                    <a href="ba-skills.html" class="nav-item">
+                        <span class="icon">📋</span>
+<span class="nav-text" data-lang="fr">Skills BA</span><span class="nav-text" data-lang="en">BA Skills</span>
                     </a>
                     <a href="agents.html" class="nav-item">
                         <span class="icon">🤖</span>
-                        <span class="nav-text">Agents</span>
-                    </a>
-                    <a href="commands.html" class="nav-item">
-                        <span class="icon">⚡</span>
-                        <span class="nav-text" data-lang="fr">Commandes Claude</span>
-                        <span class="nav-text" data-lang="en">Claude Commands</span>
+<span class="nav-text" data-lang="fr">Agents</span><span class="nav-text" data-lang="en">Agents</span>
                     </a>
                     <a href="hooks.html" class="nav-item">
                         <span class="icon">🔗</span>
-                        <span class="nav-text">Hooks</span>
-                    </a>
-                    <a href="test-web.html" class="nav-item">
-                        <span class="icon">🌐</span>
-                        <span class="nav-text">Test Web</span>
+<span class="nav-text" data-lang="fr">Hooks</span><span class="nav-text" data-lang="en">Hooks</span>
                     </a>
                 </div>
             </nav>
             </aside>
-            <!-- Main Content -->
             <main class="main-content">
                 <div class="content content-wide">
+<div class="hero-section">
+    <h1 data-lang="fr">SmartStack CLI</h1>
+    <h1 data-lang="en">SmartStack CLI</h1>
+    <p class="hero-tagline" data-lang="fr">L'orchestrateur Claude Code de l'écosystème SmartStack — skills, agents, hooks et CLIs co-localisés, sans MCP.</p>
+    <p class="hero-tagline" data-lang="en">The Claude Code orchestrator for the SmartStack ecosystem — skills, agents, hooks and colocated CLIs, no MCP.</p>
+</div>
+<h2><span data-lang="fr">Démarrage rapide</span><span data-lang="en">Quick start</span></h2>
+<div class="quick-start-grid">
+  <a href="installation.html" class="quick-start-card">
+    <div class="qs-icon">📦</div>
+    <h3 data-lang="fr">1. Installer</h3>
+    <h3 data-lang="en">1. Install</h3>
+    <p><code>npm i -g @atlashub/smartstack-cli</code></p>
+  </a>
+  <a href="init.html" class="quick-start-card">
+    <div class="qs-icon">🚀</div>
+    <h3 data-lang="fr">2. Initialiser</h3>
+    <h3 data-lang="en">2. Initialize</h3>
+    <p><code>ss init MyProject</code></p>
+  </a>
+  <a href="commands.html" class="quick-start-card">
+    <div class="qs-icon">⚡</div>
+    <h3 data-lang="fr">3. Explorer</h3>
+    <h3 data-lang="en">3. Explore</h3>
+    <p data-lang="fr">84 skills via <code>/&lt;nom&gt;</code></p>
+    <p data-lang="en">84 skills via <code>/&lt;name&gt;</code></p>
+  </a>
+</div>
+<h2><span data-lang="fr">Pourquoi SmartStack CLI ?</span><span data-lang="en">Why SmartStack CLI?</span></h2>
+<p><span data-lang="fr">SmartStack CLI déploie dans <code><del>/.claude/</code> tout ce dont Claude Code a besoin pour développer une application métier conforme à l&#39;architecture SmartStack : skills (commands <code>/&lt;nom&gt;</code>), agents (sous-routines spécialisées), hooks (garde-fous sécurité) et CLIs déterministes co-localisés.</span>
+<span data-lang="en">SmartStack CLI deploys to <code></del>/.claude/</code> everything Claude Code needs to develop a business application that conforms to the SmartStack architecture: skills (<code>/&lt;name&gt;</code> commands), agents (specialised sub-routines), hooks (security guard rails) and deterministic colocated CLIs.</span></p>
+<p><span data-lang="fr"><strong>v5+ :</strong> le serveur MCP <code>SmartStack.mcp</code> a été supprimé. Toutes ses fonctions sont assurées par les skills + CLIs colocalisés (<code>templates/skills/&lt;phase&gt;/&lt;skill&gt;/cli/</code>).</span>
+<span data-lang="en"><strong>v5+:</strong> the <code>SmartStack.mcp</code> server has been removed. All its functions are now handled by skills + colocated CLIs (<code>templates/skills/&lt;phase&gt;/&lt;skill&gt;/cli/</code>).</span></p>
+<h2><span data-lang="fr">Écosystème</span><span data-lang="en">Ecosystem</span></h2>
+<div class="ecosystem-cards">
+  <div class="eco-card">
+    <h3>SmartStack.app</h3>
+    <p data-lang="fr">Application socle : code source de référence, conventions, architecture de base.</p>
+    <p data-lang="en">Base application: reference source code, conventions, foundational architecture.</p>
+  </div>
+  <div class="eco-card eco-card-highlight">
+    <h3>SmartStack.cli</h3>
+    <p data-lang="fr">CLI d'installation : déploie templates, skills, agents et hooks pour Claude Code. <strong>Vous êtes ici.</strong></p>
+    <p data-lang="en">Installer CLI: deploys templates, skills, agents and hooks for Claude Code. <strong>You are here.</strong></p>
+  </div>
+  <div class="eco-card eco-card-muted">
+    <h3>SmartStack.Studio</h3>
+    <p data-lang="fr">Outil graphique de gestion des projets (Electron). Optionnel.</p>
+    <p data-lang="en">Graphical project management tool (Electron). Optional.</p>
+  </div>
+</div>
+                <section class="stats-section">
+<div class="stats-bar">
+    <div class="stat-item">
+        <span class="stat-value">85</span>
+        <span class="stat-label" data-lang="fr">Skills</span>
+        <span class="stat-label" data-lang="en">Skills</span>
+    </div>
+    <div class="stat-item">
+        <span class="stat-value">10</span>
+        <span class="stat-label">Agents</span>
+    </div>
+    <div class="stat-item">
+        <span class="stat-value">4</span>
+        <span class="stat-label">Hooks</span>
+    </div>
+    <div class="stat-item">
+        <span class="stat-value">13</span>
+        <span class="stat-label" data-lang="fr">Commandes CLI</span>
+        <span class="stat-label" data-lang="en">CLI Commands</span>
+    </div>
+</div>
+                </section>
-                <!-- Hero Section -->
-                <div class="hero-section">
-                    <div class="hero-tagline">
-                        <span data-lang="fr"><span class="highlight">SmartStack</span> transforme Claude Code en plateforme de developpement .NET enterprise</span>
-                        <span data-lang="en"><span class="highlight">SmartStack</span> transforms Claude Code into an enterprise .NET development platform</span>
-                    </div>
-                    <p class="hero-description" data-lang="fr">
-                        Une application SmartStack s'organise en <strong>Application &rarr; Module &rarr; Section &rarr; Resource</strong>. Chaque niveau genere automatiquement sa <strong>navigation</strong> (menu sidebar), ses <strong>permissions</strong> (CRUD par ressource) et ses <strong>roles</strong> (qui peut faire quoi). Vous decrivez votre besoin, SmartStack genere le code full-stack.
-                    </p>
-                    <p class="hero-description" data-lang="en">
-                        A SmartStack application is organized as <strong>Application &rarr; Module &rarr; Section &rarr; Resource</strong>. Each level automatically generates its <strong>navigation</strong> (sidebar menu), <strong>permissions</strong> (CRUD per resource) and <strong>roles</strong> (who can do what). You describe your need, SmartStack generates the full-stack code.
-                    </p>
-                </div>
-                <!-- Getting Started Steps -->
-                <h2 data-lang="fr">Premiers pas</h2>
-                <h2 data-lang="en">Getting Started</h2>
-                <ol class="steps-list">
-                    <li>
-                        <div class="step-content">
-                            <h5 data-lang="fr">Installer le package</h5>
-                            <h5 data-lang="en">Install the package</h5>
-                            <p><code>npm install -g @atlashub/smartstack-cli</code></p>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="step-content">
-                            <h5 data-lang="fr">Deployer skills, agents et hooks</h5>
-                            <h5 data-lang="en">Deploy skills, agents and hooks</h5>
-                            <p data-lang="fr"><code>smartstack install</code> (global) ou <code>smartstack install --local</code> (projet)</p>
-                            <p data-lang="en"><code>smartstack install</code> (global) or <code>smartstack install --local</code> (project)</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="step-content">
-                            <h5 data-lang="fr">Initialiser un projet</h5>
-                            <h5 data-lang="en">Initialize a project</h5>
-                            <p data-lang="fr">Dans votre projet .NET : <code>ss init</code> pour configurer SmartStack et GitFlow.</p>
-                            <p data-lang="en">In your .NET project: <code>ss init</code> to configure SmartStack and GitFlow.</p>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="step-content">
-                            <h5 data-lang="fr">Commencer a developper</h5>
-                            <h5 data-lang="en">Start developing</h5>
-                            <p data-lang="fr"><code>/gitflow start feature ma-feature</code></p>
-                            <p data-lang="en"><code>/gitflow start feature my-feature</code></p>
-                        </div>
-                    </li>
-                </ol>
-                <!-- Quick Reference -->
-                <h2 data-lang="fr">Que puis-je faire ?</h2>
-                <h2 data-lang="en">What can I do?</h2>
-                <div class="table-container">
-                    <table>
-                        <thead>
-                            <tr>
-                                <th>
-                                    <span data-lang="fr">Je veux...</span>
-                                    <span data-lang="en">I want to...</span>
-                                </th>
-                                <th>
-                                    <span data-lang="fr">Commande</span>
-                                    <span data-lang="en">Command</span>
-                                </th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Demarrer une feature</span>
-                                    <span data-lang="en">Start a feature</span>
-                                </td>
-                                <td><code>/gitflow start feature nom</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Commit intelligent</span>
-                                    <span data-lang="en">Smart commit</span>
-                                </td>
-                                <td><code>/gitflow commit</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Creer une release</span>
-                                    <span data-lang="en">Create a release</span>
-                                </td>
-                                <td><code>/gitflow start release</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Analyser un besoin metier</span>
-                                    <span data-lang="en">Analyze a business need</span>
-                                </td>
-                                <td><code>/business-analyse</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Creer une migration EF Core</span>
-                                    <span data-lang="en">Create an EF Core migration</span>
-                                </td>
-                                <td><code>/efcore migration</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Debugger une erreur</span>
-                                    <span data-lang="en">Debug an error</span>
-                                </td>
-                                <td><code>/debug Message d'erreur</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Developper incrementalement (APEX)</span>
-                                    <span data-lang="en">Incremental development (APEX)</span>
-                                </td>
-                                <td><code>/apex add feature to module</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Boucle iterative multi-modules</span>
-                                    <span data-lang="en">Iterative multi-module loop</span>
-                                </td>
-                                <td><code>/ralph-loop</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Valider une feature (compile + tests)</span>
-                                    <span data-lang="en">Validate a feature (compile + tests)</span>
-                                </td>
-                                <td><code>/validate-feature</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Revoir du code</span>
-                                    <span data-lang="en">Review code</span>
-                                </td>
-                                <td><code>/review-code</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Mettre a jour SmartStack</span>
-                                    <span data-lang="en">Update SmartStack</span>
-                                </td>
-                                <td><code>ss update</code></td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <span data-lang="fr">Diagnostiquer l'installation</span>
-                                    <span data-lang="en">Diagnose the installation</span>
-                                </td>
-                                <td><code>ss doctor</code></td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-                <!-- Features Grid -->
-                <h2 data-lang="fr">Explorer les workflows</h2>
-                <h2 data-lang="en">Explore Workflows</h2>
-                <div class="card-grid">
-                    <a href="gitflow.html" class="card">
-                        <div class="card-header">
-                            <div class="card-icon">🔀</div>
-                            <div>
-                                <div class="card-title">GitFlow Workflow</div>
-                                <div class="card-subtitle" data-lang="fr">Automatisation complete</div>
-                                <div class="card-subtitle" data-lang="en">Complete automation</div>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <p data-lang="fr">Gestion de branches feature, release et hotfix avec versioning SemVer, worktrees Git, creation de PR Azure DevOps et validation des migrations EF Core.</p>
-                            <p data-lang="en">Feature, release and hotfix branch management with SemVer versioning, Git worktrees, Azure DevOps PR creation and EF Core migration validation.</p>
-                            <span class="tag tag-workflow">12 commands</span>
-                        </div>
-                    </a>
-                    <a href="efcore.html" class="card">
-                        <div class="card-header">
-                            <div class="card-icon">🗄️</div>
-                            <div>
-                                <div class="card-title">EF Core Migrations</div>
-                                <div class="card-subtitle" data-lang="fr">Multi-context + Cross-Branch</div>
-                                <div class="card-subtitle" data-lang="en">Multi-context + Cross-Branch</div>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <p data-lang="fr">Gestion des migrations Entity Framework Core : multi-context, detection et resolution de conflits ModelSnapshot, scan cross-branch, squash et scripts idempotents.</p>
-                            <p data-lang="en">Entity Framework Core migration management: multi-context, ModelSnapshot conflict detection and resolution, cross-branch scan, squash and idempotent scripts.</p>
-                            <span class="tag tag-command">9 commands</span>
-                        </div>
-                    </a>
-                    <a href="business-analyse.html" class="card">
-                        <div class="card-header">
-                            <div class="card-icon">📊</div>
-                            <div>
-                                <div class="card-title">Business Analyse</div>
-                                <div class="card-subtitle" data-lang="fr">De l'idee au code</div>
-                                <div class="card-subtitle" data-lang="en">From idea to code</div>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <p data-lang="fr">Workflow de specification fonctionnelle et technique. Questions adaptatives, exigences metier, generation de feature.json et prompts autonomes pour developpeurs.</p>
-                            <p data-lang="en">Functional and technical specification workflow. Adaptive questions, business requirements, feature.json generation and autonomous prompts for developers.</p>
-                            <span class="tag tag-workflow">6 phases</span>
-                        </div>
-                    </a>
-                    <a href="ralph-loop.html" class="card">
-                        <div class="card-header">
-                            <div class="card-icon">&#128260;</div>
-                            <div>
-                                <div class="card-title">Ralph Loop</div>
-                                <div class="card-subtitle" data-lang="fr">Orchestrateur iteratif</div>
-                                <div class="card-subtitle" data-lang="en">Iterative orchestrator</div>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <p data-lang="fr">Boucle de developpement iterative : lit les PRDs, orchestre les modules par couches de dependances, delegue la generation a APEX et genere des rapports de progression.</p>
-                            <p data-lang="en">Iterative development loop: reads PRDs, orchestrates modules by dependency layers, delegates code generation to APEX and generates progress reports.</p>
-                            <span class="tag tag-workflow">6 steps</span>
-                        </div>
-                    </a>
-                    <a href="apex.html" class="card">
-                        <div class="card-header">
-                            <div class="card-icon">&#9881;</div>
-                            <div>
-                                <div class="card-title">APEX</div>
-                                <div class="card-subtitle" data-lang="fr">Analyze-Plan-Execute-eXamine</div>
-                                <div class="card-subtitle" data-lang="en">Analyze-Plan-Execute-eXamine</div>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <p data-lang="fr">Developpement incremental SmartStack. Analyse le code, planifie couche par couche, execute via MCP/skills, valide avec 43 POST-CHECKs automatises.</p>
-                            <p data-lang="en">Incremental SmartStack development. Analyzes code, plans layer by layer, executes via MCP/skills, validates with 43 automated POST-CHECKs.</p>
-                            <span class="tag tag-workflow">9 steps</span>
-                            <span class="tag tag-command">43 POST-CHECKs</span>
-                        </div>
-                    </a>
-                    <a href="agents.html" class="card">
-                        <div class="card-header">
-                            <div class="card-icon">🤖</div>
-                            <div>
-                                <div class="card-title" data-lang="fr">Agents specialises</div>
-                                <div class="card-title" data-lang="en">Specialized Agents</div>
-                                <div class="card-subtitle" data-lang="fr">Automatisation intelligente</div>
-                                <div class="card-subtitle" data-lang="en">Intelligent automation</div>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <p data-lang="fr">33 agents autonomes : GitFlow (12), EF Core (9), code review, exploration de code, recherche de documentation, debugging, correction de grammaire et plus.</p>
-                            <p data-lang="en">33 autonomous agents: GitFlow (12), EF Core (9), code review, code exploration, documentation search, debugging, grammar correction and more.</p>
-                            <span class="tag tag-agent">33 agents</span>
-                        </div>
-                    </a>
-                    <a href="cli-commands.html" class="card">
-                        <div class="card-header">
-                            <div class="card-icon">💻</div>
-                            <div>
-                                <div class="card-title" data-lang="fr">CLI SmartStack</div>
-                                <div class="card-title" data-lang="en">SmartStack CLI</div>
-                                <div class="card-subtitle" data-lang="fr">Commandes terminal</div>
-                                <div class="card-subtitle" data-lang="en">Terminal commands</div>
-                            </div>
-                        </div>
-                        <div class="card-body">
-                            <p data-lang="fr">Commandes CLI pour installer, mettre a jour, diagnostiquer et gerer SmartStack : install, update, upgrade, doctor, init, docs, mcp et plus.</p>
-                            <p data-lang="en">CLI commands to install, update, diagnose and manage SmartStack: install, update, upgrade, doctor, init, docs, mcp and more.</p>
-                            <span class="tag tag-command">13 commands</span>
-                        </div>
-                    </a>
-                </div>
-                <!-- Stats Bar -->
-                <h2 data-lang="fr">Ce que la CLI installe</h2>
-                <h2 data-lang="en">What the CLI installs</h2>
-                <div class="stats-bar">
-                    <div class="stat-item">
-                        <div class="stat-number">28</div>
-                        <div class="stat-label">Skills</div>
-                    </div>
-                    <div class="stat-item">
-                        <div class="stat-number">33</div>
-                        <div class="stat-label">Agents</div>
-                    </div>
-                    <div class="stat-item">
-                        <div class="stat-number">6</div>
-                        <div class="stat-label">Hooks</div>
-                    </div>
-                    <div class="stat-item">
-                        <div class="stat-number">13</div>
-                        <div class="stat-label" data-lang="fr">Commandes CLI</div>
-                        <div class="stat-label" data-lang="en">CLI Commands</div>
-                    </div>
-                </div>
-                <!-- Ecosystem -->
-                <h2 data-lang="fr">L'ecosysteme SmartStack</h2>
-                <h2 data-lang="en">The SmartStack Ecosystem</h2>
-                <div class="ecosystem-grid">
-                    <div class="ecosystem-card">
-                        <div class="eco-icon eco-app">&#9881;</div>
-                        <div class="eco-name">SmartStack.app</div>
-                        <div class="eco-role" data-lang="fr">Application socle contenant l'architecture de reference, les conventions et les patterns de securite (OWASP, RBAC, multi-tenant).</div>
-                        <div class="eco-role" data-lang="en">Foundation application containing the reference architecture, conventions and security patterns (OWASP, RBAC, multi-tenant).</div>
-                    </div>
-                    <div class="ecosystem-card">
-                        <div class="eco-icon eco-cli">&#9654;</div>
-                        <div class="eco-name">SmartStack.cli</div>
-                        <div class="eco-role" data-lang="fr">Orchestrateur qui deploie skills, agents, hooks et commandes dans Claude Code. Ne genere jamais de contenu.</div>
-                        <div class="eco-role" data-lang="en">Orchestrator that deploys skills, agents, hooks and commands into Claude Code. Never generates content.</div>
-                    </div>
-                    <div class="ecosystem-card">
-                        <div class="eco-icon eco-mcp">&#10003;</div>
-                        <div class="eco-name">SmartStack.mcp</div>
-                        <div class="eco-role" data-lang="fr">Serveur MCP qui valide les conventions, genere le code conforme et assure la coherence de l'ensemble.</div>
-                        <div class="eco-role" data-lang="en">MCP server that validates conventions, generates compliant code and ensures overall consistency.</div>
-                    </div>
-                </div>
-                <!-- Footer -->
-                <div style="margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--border); text-align: center; color: var(--text-muted); font-size: 0.85rem;">
-                    <span data-lang="fr">Developpe par</span>
-                    <span data-lang="en">Developed by</span>
-                    <a href="https://www.atlashub.ch" style="color: var(--primary-light);">AtlasHub</a> &bull;
-                    <a href="mailto:support@atlashub.ch" style="color: var(--primary-light);">support@atlashub.ch</a> &bull;
-                    MIT License
                 </div>
-            </div>
             </main>
         </div>
     </div>
-    <!-- Mobile Menu Button -->
-    <button class="mobile-menu-btn">☰</button>
-    <div class="overlay"></div>
     <script src="js/app.js"></script>
 </body>
 </html>