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/agents.html CHANGED Viewed

@@ -1,9 +1,14 @@
 <!DOCTYPE html>
+<!--
+  AUTO-GENERATED by scripts/generate-docs — do not edit by hand.
+  Edit docs-src/agents.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>Agents - SmartStack CLI</title>
+    <title>Agents — sous-routines spécialisées - SmartStack CLI</title>
     <link rel="stylesheet" href="css/styles.css">
 </head>
 <body>
@@ -12,21 +17,9 @@
         <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" data-lang="fr">Agents Spécialisés</span>
-            <span class="page-title" data-lang="en">Specialized Agents</span>
-            <nav class="breadcrumb">
-                <a href="index.html">
-                    <span data-lang="fr">Accueil</span>
-                    <span data-lang="en">Home</span>
-                </a>
-                <span class="breadcrumb-separator">&#8250;</span>
-                <span data-lang="fr">Outils</span>
-                <span data-lang="en">Tools</span>
-                <span class="breadcrumb-separator">&#8250;</span>
-                <span class="breadcrumb-current">Agents</span>
-            </nav>
+            <span class="page-title">Agents</span>
             <!-- Language Select -->
             <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
                 <option value="fr">🇫🇷 FR</option>
@@ -43,625 +36,171 @@
             </div>
         </header>
-        <!-- App Body -->
         <div class="app-body">
             <!-- Sidebar -->
             <aside class="sidebar">
                 <button class="sidebar-toggle" title="Toggle sidebar">
-                    <span class="toggle-icon-collapse">&#171;</span>
-                    <span class="toggle-icon-expand">&#187;</span>
+                    <span class="toggle-icon-collapse">«</span>
+                    <span class="toggle-icon-expand">»</span>
                 </button>
                 <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">
-                        <span class="icon">&#127968;</span>
-                        <span class="nav-text" data-lang="fr">Accueil</span>
-                        <span class="nav-text" data-lang="en">Home</span>
+                        <span class="icon">🏠</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">&#128230;</span>
-                        <span class="nav-text">Installation</span>
-                    </a>
-                    <a href="license.html" class="nav-item">
-                        <span class="icon">&#128274;</span>
-                        <span class="nav-text" data-lang="fr">Licence</span>
-                        <span class="nav-text" data-lang="en">License</span>
+                        <span class="icon">📦</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">&#128640;</span>
-                        <span class="nav-text">Projet Client</span>
+                        <span class="icon">🚀</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">&#128256;</span>
-                        <span class="nav-text">GitFlow</span>
+                        <span class="icon">🔀</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">&#128452;</span>
-                        <span class="nav-text">EF Core</span>
+                        <span class="icon">🗄️</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">&#128202;</span>
-                        <span class="nav-text">Business Analyse</span>
+                        <span class="icon">📊</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">&#128187;</span>
-                        <span class="nav-text" data-lang="fr">CLI SmartStack</span>
-                        <span class="nav-text" data-lang="en">SmartStack CLI</span>
+                        <span class="icon">💻</span>
+<span class="nav-text" data-lang="fr">CLI SmartStack</span><span class="nav-text" data-lang="en">SmartStack CLI</span>
                     </a>
-                    <a href="agents.html" class="nav-item active">
-                        <span class="icon">&#129302;</span>
-                        <span class="nav-text">Agents</span>
+                    <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="commands.html" class="nav-item">
-                        <span class="icon">&#9889;</span>
-                        <span class="nav-text" data-lang="fr">Commandes Claude</span>
-                        <span class="nav-text" data-lang="en">Claude Commands</span>
+                    <a href="agents.html" class="nav-item active">
+                        <span class="icon">🤖</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">&#128279;</span>
-                        <span class="nav-text">Hooks</span>
-                    </a>
-                    <a href="test-web.html" class="nav-item">
-                        <span class="icon">&#127760;</span>
-                        <span class="nav-text">Test Web</span>
+                        <span class="icon">🔗</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">
-                <!-- Introduction -->
-                <section id="introduction">
-                    <p data-lang="fr">
-                        SmartStack CLI fournit des agents specialises qui peuvent etre lances en parallele pour accelerer le developpement. Ces agents sont optimises pour des taches specifiques et utilisent le modele Haiku pour une execution rapide et economique.
-                    </p>
-                    <p data-lang="en">
-                        SmartStack CLI provides specialized agents that can be launched in parallel to accelerate development. These agents are optimized for specific tasks and use the Haiku model for fast and cost-effective execution.
-                    </p>
-                    <div class="alert alert-info">
-                        <span class="alert-icon">&#128161;</span>
-                        <div class="alert-content">
-                            <h5 data-lang="fr">Execution parallele</h5>
-                            <h5 data-lang="en">Parallel Execution</h5>
-                            <p data-lang="fr">
-                                Les agents peuvent etre lances simultanement pour collecter des informations de plusieurs sources en meme temps.
-                            </p>
-                            <p data-lang="en">
-                                Agents can be launched simultaneously to collect information from multiple sources at the same time.
-                            </p>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: explore-codebase -->
-                <section id="explore-codebase">
-                    <h2>explore-codebase</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">explore-codebase</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">
-                                Agent d'exploration du codebase. Trouve les implementations similaires, patterns et conventions existants dans votre projet.
-                            </p>
-                            <p data-lang="en">
-                                Codebase exploration agent. Finds similar implementations, patterns and existing conventions in your project.
-                            </p>
-                            <h4 data-lang="fr">Cas d'utilisation</h4>
-                            <h4 data-lang="en">Use Cases</h4>
-                            <div class="feature-grid">
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128269;</span>
-                                    <span class="feature-text" data-lang="fr">Trouver des implementations similaires a suivre comme exemple</span>
-                                    <span class="feature-text" data-lang="en">Find similar implementations to follow as examples</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128193;</span>
-                                    <span class="feature-text" data-lang="fr">Localiser les fichiers a modifier</span>
-                                    <span class="feature-text" data-lang="en">Locate files to modify</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128736;</span>
-                                    <span class="feature-text" data-lang="fr">Identifier les patterns et conventions existants</span>
-                                    <span class="feature-text" data-lang="en">Identify existing patterns and conventions</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#129520;</span>
-                                    <span class="feature-text" data-lang="fr">Decouvrir les utilitaires et helpers reutilisables</span>
-                                    <span class="feature-text" data-lang="en">Discover reusable utilities and helpers</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: explore-docs -->
-                <section id="explore-docs">
-                    <h2>explore-docs</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">explore-docs</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">
-                                Agent d'exploration de documentation. Recherche dans la documentation des librairies pour les APIs, best practices et exemples de code.
-                            </p>
-                            <p data-lang="en">
-                                Documentation exploration agent. Searches library documentation for APIs, best practices and code examples.
-                            </p>
-                            <h4 data-lang="fr">Cas d'utilisation</h4>
-                            <h4 data-lang="en">Use Cases</h4>
-                            <div class="feature-grid">
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128218;</span>
-                                    <span class="feature-text" data-lang="fr">Rechercher les APIs et patterns d'une librairie</span>
-                                    <span class="feature-text" data-lang="en">Search library APIs and patterns</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#127942;</span>
-                                    <span class="feature-text" data-lang="fr">Trouver les best practices officielles</span>
-                                    <span class="feature-text" data-lang="en">Find official best practices</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128187;</span>
-                                    <span class="feature-text" data-lang="fr">Obtenir des exemples de code de la documentation</span>
-                                    <span class="feature-text" data-lang="en">Get code examples from documentation</span>
-                                </div>
-                            </div>
+<nav class="breadcrumb">
+    <span class="breadcrumb-item"><span data-lang="fr">Outils</span><span data-lang="en">Tools</span></span>
+    <span class="breadcrumb-sep">›</span>
+    <span class="breadcrumb-item current">Agents</span>
+</nav>
+<h1><span data-lang="fr">Agents Claude Code</span><span data-lang="en">Claude Code agents</span></h1>
+<p><span data-lang="fr">Les agents sont des sous-routines Claude Code spécialisées par tâche, installées dans <code><del>/.claude/agents/</code>. Chaque agent a un nom, une description et un ensemble d&#39;outils restreint qui le rend prévisible et testable.</span>
+<span data-lang="en">Agents are Claude Code sub-routines specialised by task, installed in <code></del>/.claude/agents/</code>. Each agent has a name, a description and a restricted tool set making it predictable and testable.</span></p>
+<h2><span data-lang="fr">Agents fournis</span><span data-lang="en">Provided agents</span></h2>
+<table>
+<thead>
+<tr>
+<th>Agent</th>
+<th><span data-lang="fr">Outils</span><span data-lang="en">Tools</span></th>
+<th><span data-lang="fr">Rôle</span><span data-lang="en">Role</span></th>
+</tr>
+</thead>
+<tbody><tr>
+<td><code>action</code></td>
+<td>Read, Glob, Grep, Bash</td>
+<td><span data-lang="fr">Exécute une action sous conditions</span><span data-lang="en">Executes an action under specific conditions</span></td>
+</tr>
+<tr>
+<td><code>code-reviewer</code></td>
+<td>Read, Grep, Glob, Skill</td>
+<td><span data-lang="fr">Revue de code sécurité / logique / clean code</span><span data-lang="en">Security / logic / clean code review</span></td>
+</tr>
+<tr>
+<td><code>db-reader</code></td>
+<td>Read, Glob, Grep, Bash</td>
+<td><span data-lang="fr">Inspection read-only d&#39;une base de données</span><span data-lang="en">Read-only database inspection</span></td>
+</tr>
+<tr>
+<td><code>docs-context-reader</code></td>
+<td>Read, Glob, Grep</td>
+<td><span data-lang="fr">Synthèse contextuelle de la doc projet</span><span data-lang="en">Contextual project documentation summary</span></td>
+</tr>
+<tr>
+<td><code>docs-sync-checker</code></td>
+<td>Read, Bash, Glob, Grep</td>
+<td><span data-lang="fr">Détecte le drift code ↔ documentation</span><span data-lang="en">Detects code ↔ documentation drift</span></td>
+</tr>
+<tr>
+<td><code>Explore</code></td>
+<td>* (read-only)</td>
+<td><span data-lang="fr">Recherche large à travers le code</span><span data-lang="en">Broad fan-out search across the code</span></td>
+</tr>
+<tr>
+<td><code>explore-codebase</code></td>
+<td>Read, Glob, Grep, Bash</td>
+<td><span data-lang="fr">Exploration ciblée pour implémentation</span><span data-lang="en">Targeted exploration for implementation</span></td>
+</tr>
+<tr>
+<td><code>Plan</code></td>
+<td>* (read-only)</td>
+<td><span data-lang="fr">Architecte logiciel — design d&#39;implémentation</span><span data-lang="en">Software architect — implementation design</span></td>
+</tr>
+<tr>
+<td><code>Snipper</code></td>
+<td>Read, Edit, Write, Glob, Grep</td>
+<td><span data-lang="fr">Modifications de code rapides</span><span data-lang="en">Fast code modifications</span></td>
+</tr>
+<tr>
+<td><code>websearch</code></td>
+<td>WebSearch, WebFetch</td>
+<td><span data-lang="fr">Recherche web brève</span><span data-lang="en">Brief web search</span></td>
+</tr>
+</tbody></table>
+<h2><span data-lang="fr">Personnalisation</span><span data-lang="en">Customisation</span></h2>
+<p><span data-lang="fr">Les agents sont des fichiers markdown — chaque <code><del>/.claude/agents/&lt;name&gt;.md</code> contient un frontmatter (<code>name</code>, <code>description</code>, <code>tools</code>) suivi du prompt système. Pour les personnaliser, modifiez les sources dans <code>templates/agents/</code> du repo CLI, jamais directement dans <code></del>/.claude/</code> (écrasé à la mise à jour).</span>
+<span data-lang="en">Agents are markdown files — each <code><del>/.claude/agents/&lt;name&gt;.md</code> contains a frontmatter (<code>name</code>, <code>description</code>, <code>tools</code>) followed by the system prompt. To customise them, edit the sources in <code>templates/agents/</code> in the CLI repo, never directly in <code></del>/.claude/</code> (overwritten on update).</span></p>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: websearch -->
-                <section id="websearch">
-                    <h2>websearch</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">websearch</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">
-                                Agent de recherche web rapide. Trouve des informations sur le web de maniere precise et rapide.
-                            </p>
-                            <p data-lang="en">
-                                Quick web search agent. Finds information on the web quickly and accurately.
-                            </p>
-                            <h4 data-lang="fr">Cas d'utilisation</h4>
-                            <h4 data-lang="en">Use Cases</h4>
-                            <div class="feature-grid">
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#127760;</span>
-                                    <span class="feature-text" data-lang="fr">Rechercher les dernieres approches et solutions</span>
-                                    <span class="feature-text" data-lang="en">Research latest approaches and solutions</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128101;</span>
-                                    <span class="feature-text" data-lang="fr">Trouver des exemples de la communaute</span>
-                                    <span class="feature-text" data-lang="en">Find community examples</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#127959;</span>
-                                    <span class="feature-text" data-lang="fr">Obtenir des informations architecturales</span>
-                                    <span class="feature-text" data-lang="en">Get architectural guidance</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: Snipper -->
-                <section id="snipper">
-                    <h2>Snipper</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">Snipper</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #3b82f6; color: #fff;">Fast</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">
-                                Agent de modification de code ultra-rapide. Execute les modifications sans explications, optimise pour la vitesse.
-                            </p>
-                            <p data-lang="en">
-                                Ultra-fast code modification agent. Executes modifications without explanations, optimized for speed.
-                            </p>
-                            <h4 data-lang="fr">Cas d'utilisation</h4>
-                            <h4 data-lang="en">Use Cases</h4>
-                            <div class="feature-grid">
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#9889;</span>
-                                    <span class="feature-text" data-lang="fr">Modifications rapides de code</span>
-                                    <span class="feature-text" data-lang="en">Quick code modifications</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128295;</span>
-                                    <span class="feature-text" data-lang="fr">Refactoring simple</span>
-                                    <span class="feature-text" data-lang="en">Simple refactoring</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128221;</span>
-                                    <span class="feature-text" data-lang="fr">Renommage de variables/fonctions</span>
-                                    <span class="feature-text" data-lang="en">Variable/function renaming</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: fix-grammar -->
-                <section id="fix-grammar">
-                    <h2>fix-grammar</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">fix-grammar</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #3b82f6; color: #fff;">Fast</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">
-                                Agent de correction grammaticale. Corrige les erreurs d'orthographe et de grammaire tout en preservant le formatage.
-                            </p>
-                            <p data-lang="en">
-                                Grammar correction agent. Fixes spelling and grammar errors while preserving formatting.
-                            </p>
-                            <h4 data-lang="fr">Cas d'utilisation</h4>
-                            <h4 data-lang="en">Use Cases</h4>
-                            <div class="feature-grid">
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128214;</span>
-                                    <span class="feature-text" data-lang="fr">Correction de documentation</span>
-                                    <span class="feature-text" data-lang="en">Documentation correction</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128172;</span>
-                                    <span class="feature-text" data-lang="fr">Correction de commentaires</span>
-                                    <span class="feature-text" data-lang="en">Comment correction</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128196;</span>
-                                    <span class="feature-text" data-lang="fr">Correction de fichiers README</span>
-                                    <span class="feature-text" data-lang="en">README file correction</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-                <!-- Business Analyse Agents -->
-                <section id="business-analyse-agents">
-                    <h2>Business Analyse Agents</h2>
-                    <p data-lang="fr">
-                        Ces agents sont utilises par le workflow Business Analyse pour explorer le codebase et detecter les fonctionnalites similaires.
-                    </p>
-                    <p data-lang="en">
-                        These agents are used by the Business Analyse workflow to explore the codebase and detect similar features.
-                    </p>
-                    <div class="command-card" style="margin-bottom: 1.5rem;">
-                        <div class="command-header">
-                            <code class="command-name">ba-similarity</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #8b5cf6; color: #fff;">Phase 1</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">
-                                <strong>Detection de similarite</strong> - Detecte si une fonctionnalite demandee existe deja ou chevauche une fonctionnalite existante.
-                            </p>
-                            <p data-lang="en">
-                                <strong>Similarity Detection</strong> - Detects if a requested feature already exists or overlaps with existing functionality.
-                            </p>
-                            <h4 data-lang="fr">Resultats possibles</h4>
-                            <h4 data-lang="en">Possible Results</h4>
-                            <table class="reference-table" style="margin-top: 0.5rem;">
-                                <thead>
-                                    <tr>
-                                        <th data-lang="fr">Resultat</th>
-                                        <th data-lang="en">Result</th>
-                                        <th>Action</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr style="background: rgba(239, 68, 68, 0.1);">
-                                        <td><strong>DUPLICATE</strong></td>
-                                        <td data-lang="fr">STOP - Reference spec existante</td>
-                                        <td data-lang="en">STOP - Reference existing spec</td>
-                                    </tr>
-                                    <tr style="background: rgba(234, 179, 8, 0.1);">
-                                        <td><strong>EXTEND</strong></td>
-                                        <td data-lang="fr">Construire sur l'existant</td>
-                                        <td data-lang="en">Build on existing feature</td>
-                                    </tr>
-                                    <tr style="background: rgba(34, 197, 94, 0.1);">
-                                        <td><strong>NEW</strong></td>
-                                        <td data-lang="fr">Proceder normalement</td>
-                                        <td data-lang="en">Proceed normally</td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-                    <div class="table-container">
-                        <table>
-                            <thead>
-                                <tr>
-                                    <th>Agent</th>
-                                    <th>
-                                        <span data-lang="fr">Mission</span>
-                                        <span data-lang="en">Mission</span>
-                                    </th>
-                                    <th>
-                                        <span data-lang="fr">Utilise en</span>
-                                        <span data-lang="en">Used in</span>
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td colspan="3" style="text-align: center; font-style: italic; color: var(--text-muted);">
-                                        <span data-lang="fr">Agents specialises en cours de developpement (Phase 2)</span>
-                                        <span data-lang="en">Specialized agents in development (Phase 2)</span>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div class="alert alert-info" style="margin-top: 1rem;">
-                        <span class="alert-icon">&#128161;</span>
-                        <div class="alert-content">
-                            <p data-lang="fr">
-                                Ces agents sont lances en parallele par <code>/business-analyse 2-explore</code>. Maximum 3 agents par execution pour optimiser les tokens.
-                            </p>
-                            <p data-lang="en">
-                                These agents are launched in parallel by <code>/business-analyse 2-explore</code>. Maximum 3 agents per execution to optimize tokens.
-                            </p>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: action -->
-                <section id="action">
-                    <h2>action</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">action</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #8b5cf6; color: #fff;">Conditional</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">
-                                Agent d'execution conditionnelle. Execute des actions uniquement lorsque des conditions specifiques sont remplies. Utile pour le nettoyage de code.
-                            </p>
-                            <p data-lang="en">
-                                Conditional action executor. Performs actions only when specific conditions are met. Useful for code cleanup.
-                            </p>
-                            <h4 data-lang="fr">Cas d'utilisation</h4>
-                            <h4 data-lang="en">Use Cases</h4>
-                            <div class="feature-grid">
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128230;</span>
-                                    <span class="feature-text" data-lang="fr">Supprimer des dependances non utilisees</span>
-                                    <span class="feature-text" data-lang="en">Remove unused dependencies</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#128465;</span>
-                                    <span class="feature-text" data-lang="fr">Supprimer des exports non utilises</span>
-                                    <span class="feature-text" data-lang="en">Remove unused exports</span>
-                                </div>
-                                <div class="feature-item">
-                                    <span class="feature-icon">&#129529;</span>
-                                    <span class="feature-text" data-lang="fr">Nettoyage conditionnel de code</span>
-                                    <span class="feature-text" data-lang="en">Conditional code cleanup</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: code-reviewer -->
-                <section id="code-reviewer">
-                    <h2>code-reviewer</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">code-reviewer</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #ef4444; color: #fff;">Security</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">Revue de code experte couvrant securite (OWASP), architecture, clean code (SOLID), performance et conventions SmartStack.</p>
-                            <p data-lang="en">Expert code review covering security (OWASP), architecture, clean code (SOLID), performance and SmartStack conventions.</p>
-                            <p class="template-path"><code>templates/agents/code-reviewer.md</code></p>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: docs-context-reader -->
-                <section id="docs-context-reader">
-                    <h2>docs-context-reader</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">docs-context-reader</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #3b82f6; color: #fff;">Docs</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">Lit la documentation du projet et produit un resume structure pour injection de contexte dans les skills et agents.</p>
-                            <p data-lang="en">Reads project documentation and produces structured summary for context injection into skills and agents.</p>
-                            <p class="template-path"><code>templates/agents/docs-context-reader.md</code></p>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: docs-sync-checker -->
-                <section id="docs-sync-checker">
-                    <h2>docs-sync-checker</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">docs-sync-checker</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #3b82f6; color: #fff;">Docs</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">Detecte la derive de documentation en comparant les changements de code au docs-manifest.json.</p>
-                            <p data-lang="en">Detects documentation drift by comparing code changes against docs-manifest.json.</p>
-                            <p class="template-path"><code>templates/agents/docs-sync-checker.md</code></p>
-                        </div>
-                    </div>
-                </section>
-                <!-- Agent: mcp-healthcheck -->
-                <section id="mcp-healthcheck">
-                    <h2>mcp-healthcheck</h2>
-                    <div class="command-card">
-                        <div class="command-header">
-                            <code class="command-name">mcp-healthcheck</code>
-                            <span class="tag tag-agent">Agent</span>
-                            <span class="tag" style="background: #06b6d4; color: #fff;">MCP</span>
-                        </div>
-                        <div class="command-body">
-                            <p data-lang="fr">Verifie la disponibilite, la version et la configuration du serveur MCP avant les operations. Le MCP est desormais integre dans la CLI (v2.0.0).</p>
-                            <p data-lang="en">Verifies MCP server availability, version and configuration before operations. MCP is now bundled in the CLI (v2.0.0).</p>
-                            <p class="template-path"><code>templates/agents/mcp-healthcheck.md</code></p>
-                        </div>
-                    </div>
-                </section>
-                <!-- GitFlow Agents -->
-                <section id="gitflow-agents">
-                    <h2>
-                        <span data-lang="fr">Agents GitFlow</span>
-                        <span data-lang="en">GitFlow Agents</span>
-                    </h2>
-                    <p data-lang="fr">12 agents specialises pour le workflow GitFlow. Chaque commande <code>/gitflow</code> utilise un agent dedie.</p>
-                    <p data-lang="en">12 specialized agents for GitFlow workflow. Each <code>/gitflow</code> command uses a dedicated agent.</p>
-                    <div class="table-container">
-                        <table class="reference-table">
-                            <thead>
-                                <tr>
-                                    <th>Agent</th>
-                                    <th>
-                                        <span data-lang="fr">Description</span>
-                                        <span data-lang="en">Description</span>
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr><td><code>gitflow-init</code></td><td><span data-lang="fr">Initialisation GitFlow - setup config et repertoires</span><span data-lang="en">GitFlow initialization - setup config and directories</span></td></tr>
-                                <tr><td><code>gitflow-start</code></td><td><span data-lang="fr">Creer une branche feature/release/hotfix avec worktree</span><span data-lang="en">Create feature/release/hotfix branch with worktree</span></td></tr>
-                                <tr><td><code>gitflow-commit</code></td><td><span data-lang="fr">Commit avec validation des migrations EF Core</span><span data-lang="en">Commit with EF Core migration validation</span></td></tr>
-                                <tr><td><code>gitflow-plan</code></td><td><span data-lang="fr">Planification d'integration avec analyse des conflits EF Core</span><span data-lang="en">Integration planning with EF Core conflict analysis</span></td></tr>
-                                <tr><td><code>gitflow-exec</code></td><td><span data-lang="fr">Execution du plan avec versioning et resolution de conflits</span><span data-lang="en">Plan execution with versioning and conflict resolution</span></td></tr>
-                                <tr><td><code>gitflow-pr</code></td><td><span data-lang="fr">Creation rapide de pull request avec auto-description</span><span data-lang="en">Fast pull request creation with auto-description</span></td></tr>
-                                <tr><td><code>gitflow-review</code></td><td><span data-lang="fr">Checklist de revue pour validation de PR</span><span data-lang="en">Review checklist for PR validation</span></td></tr>
-                                <tr><td><code>gitflow-merge</code></td><td><span data-lang="fr">Merge securise avec validation</span><span data-lang="en">Safe branch merge with validation</span></td></tr>
-                                <tr><td><code>gitflow-finish</code></td><td><span data-lang="fr">Finaliser branche avec tag et cleanup</span><span data-lang="en">Finalize branch with tag and cleanup</span></td></tr>
-                                <tr><td><code>gitflow-status</code></td><td><span data-lang="fr">Analyse rapide de l'etat du repository</span><span data-lang="en">Fast repository state analysis</span></td></tr>
-                                <tr><td><code>gitflow-abort</code></td><td><span data-lang="fr">Rollback et operations de recuperation</span><span data-lang="en">Rollback and recovery operations</span></td></tr>
-                                <tr><td><code>gitflow-cleanup</code></td><td><span data-lang="fr">Audit et suppression des worktrees et branches orphelines</span><span data-lang="en">Audit and remove orphan worktrees and branches</span></td></tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <p class="template-path"><code>templates/agents/gitflow/*.md</code></p>
-                </section>
-                <!-- EF Core Agents -->
-                <section id="efcore-agents">
-                    <h2>
-                        <span data-lang="fr">Agents EF Core</span>
-                        <span data-lang="en">EF Core Agents</span>
-                    </h2>
-                    <p data-lang="fr">9 agents specialises pour la gestion des migrations Entity Framework Core.</p>
-                    <p data-lang="en">9 specialized agents for Entity Framework Core migration management.</p>
-                    <div class="table-container">
-                        <table class="reference-table">
-                            <thead>
-                                <tr>
-                                    <th>Agent</th>
-                                    <th>
-                                        <span data-lang="fr">Description</span>
-                                        <span data-lang="en">Description</span>
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr><td><code>efcore-db-status</code></td><td><span data-lang="fr">Verification rapide de l'etat des migrations</span><span data-lang="en">Fast migration state check</span></td></tr>
-                                <tr><td><code>efcore-db-deploy</code></td><td><span data-lang="fr">Appliquer les migrations en attente</span><span data-lang="en">Apply pending migrations</span></td></tr>
-                                <tr><td><code>efcore-db-reset</code></td><td><span data-lang="fr">Supprimer et recreer la base (DESTRUCTIF)</span><span data-lang="en">Drop and recreate database (DESTRUCTIVE)</span></td></tr>
-                                <tr><td><code>efcore-db-seed</code></td><td><span data-lang="fr">Peupler avec des donnees de test</span><span data-lang="en">Populate test data</span></td></tr>
-                                <tr><td><code>efcore-migration</code></td><td><span data-lang="fr">Gestionnaire de migrations - orchestre MCP pour le nommage</span><span data-lang="en">Migration manager - orchestrates MCP for naming</span></td></tr>
-                                <tr><td><code>efcore-squash</code></td><td><span data-lang="fr">Combiner plusieurs migrations en une seule</span><span data-lang="en">Combine multiple migrations into one</span></td></tr>
-                                <tr><td><code>efcore-rebase-snapshot</code></td><td><span data-lang="fr">Resynchroniser le ModelSnapshot avec develop</span><span data-lang="en">Resync ModelSnapshot with develop</span></td></tr>
-                                <tr><td><code>efcore-scan</code></td><td><span data-lang="fr">Scanner cross-branch - detecter les conflits avant qu'ils arrivent</span><span data-lang="en">Cross-branch scanner - detect conflicts before they happen</span></td></tr>
-                                <tr><td><code>efcore-conflicts</code></td><td><span data-lang="fr">Analyseur de conflits - BLOQUANT si conflit detecte</span><span data-lang="en">Conflict analyzer - BLOCKING if conflict detected</span></td></tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <p class="template-path"><code>templates/agents/efcore/*.md</code></p>
-                </section>
-            </div>
+                </div>
             </main>
         </div>
     </div>
-    <!-- Mobile Menu Button -->
-    <button class="mobile-menu-btn">&#9776;</button>
-    <div class="overlay"></div>
     <script src="js/app.js"></script>
 </body>
 </html>