@atlashub/smartstack-cli 1.3.0 → 1.4.1

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.
@@ -1,458 +1,462 @@
1
- <!DOCTYPE html>
2
- <html lang="fr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Installation - Claude Tools</title>
7
- <link rel="stylesheet" href="css/styles.css">
8
- </head>
9
- <body>
10
- <div class="app-container">
11
- <!-- Global Header (single unified element) -->
12
- <header class="global-header">
13
- <div class="logo">CT</div>
14
- <span class="site-title">Claude Tools</span>
15
- <span class="version-badge">v1.8.7</span>
16
- <div class="header-divider"></div>
17
- <span class="page-title">Installation</span>
18
- <nav class="breadcrumb">
19
- <a href="index.html">
20
- <span data-lang="fr">Accueil</span>
21
- <span data-lang="en">Home</span>
22
- </a>
23
- <span class="breadcrumb-separator">&#8250;</span>
24
- <span class="breadcrumb-current">Installation</span>
25
- </nav>
26
- <!-- Language Select -->
27
- <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
28
- <option value="fr">🇫🇷 FR</option>
29
- <option value="en">🇬🇧 EN</option>
30
- </select>
31
- <!-- Search -->
32
- <div class="header-search">
33
- <div class="search-input-wrapper">
34
- <span class="search-icon">&#128269;</span>
35
- <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
36
- <span class="search-shortcut">Ctrl+K</span>
37
- </div>
38
- <div id="search-results" class="search-results"></div>
39
- </div>
40
- </header>
41
-
42
- <!-- App Body -->
43
- <div class="app-body">
44
- <!-- Sidebar -->
45
- <aside class="sidebar">
46
- <button class="sidebar-toggle" title="Toggle sidebar">
47
- <span class="toggle-icon-collapse">&#171;</span>
48
- <span class="toggle-icon-expand">&#187;</span>
49
- </button>
50
-
51
- <nav class="sidebar-nav">
52
- <div class="nav-section">
53
- <div class="nav-section-title">
54
- <span data-lang="fr">Demarrage</span>
55
- <span data-lang="en">Getting Started</span>
56
- </div>
57
- <a href="index.html" class="nav-item">
58
- <span class="icon">&#127968;</span>
59
- <span class="nav-text" data-lang="fr">Accueil</span>
60
- <span class="nav-text" data-lang="en">Home</span>
61
- </a>
62
- <a href="installation.html" class="nav-item active">
63
- <span class="icon">&#128230;</span>
64
- <span class="nav-text">Installation</span>
65
- </a>
66
- </div>
67
-
68
- <div class="nav-section">
69
- <div class="nav-section-title">Workflows</div>
70
- <a href="gitflow.html" class="nav-item">
71
- <span class="icon">&#128256;</span>
72
- <span class="nav-text">GitFlow</span>
73
- </a>
74
- <a href="efcore.html" class="nav-item">
75
- <span class="icon">&#128452;</span>
76
- <span class="nav-text">EF Core</span>
77
- </a>
78
- <a href="apex.html" class="nav-item">
79
- <span class="icon">&#127919;</span>
80
- <span class="nav-text">APEX</span>
81
- </a>
82
- <a href="business-analyse.html" class="nav-item">
83
- <span class="icon">&#128202;</span>
84
- <span class="nav-text">Business Analyse</span>
85
- </a>
86
- </div>
87
-
88
- <div class="nav-section">
89
- <div class="nav-section-title">
90
- <span data-lang="fr">Outils</span>
91
- <span data-lang="en">Tools</span>
92
- </div>
93
- <a href="agents.html" class="nav-item">
94
- <span class="icon">&#129302;</span>
95
- <span class="nav-text">Agents</span>
96
- </a>
97
- <a href="commands.html" class="nav-item">
98
- <span class="icon">&#9889;</span>
99
- <span class="nav-text" data-lang="fr">Commandes</span>
100
- <span class="nav-text" data-lang="en">Commands</span>
101
- </a>
102
- <a href="hooks.html" class="nav-item">
103
- <span class="icon">&#128279;</span>
104
- <span class="nav-text">Hooks</span>
105
- </a>
106
- <a href="test-web.html" class="nav-item">
107
- <span class="icon">&#127760;</span>
108
- <span class="nav-text">Test Web</span>
109
- </a>
110
- </div>
111
- </nav>
112
-
113
- </aside>
114
-
115
- <!-- Main Content -->
116
- <main class="main-content">
117
- <div class="content content-wide">
118
- <!-- Prerequisites -->
119
- <section id="prerequisites">
120
- <h2>
121
- <span data-lang="fr">Prerequis</span>
122
- <span data-lang="en">Prerequisites</span>
123
- </h2>
124
-
125
- <div class="feature-grid">
126
- <div class="feature-item">
127
- <span class="feature-icon">&#128215;</span>
128
- <span class="feature-text"><strong>Node.js</strong> &gt;= 18.0.0</span>
129
- </div>
130
- <div class="feature-item">
131
- <span class="feature-icon">&#128230;</span>
132
- <span class="feature-text"><strong>npm</strong> &gt;= 8.0.0</span>
133
- </div>
134
- <div class="feature-item">
135
- <span class="feature-icon">&#129302;</span>
136
- <span class="feature-text"><strong>Claude Code</strong> (CLI d'Anthropic)</span>
137
- </div>
138
- </div>
139
-
140
- <div class="code-block">
141
- <button class="copy-btn">Copy</button>
142
- <pre><code># Verifier les versions
143
- node --version # v18.x.x ou superieur
144
- npm --version # v8.x.x ou superieur</code></pre>
145
- </div>
146
- </section>
147
-
148
- <!-- Quick Install -->
149
- <section id="quick-install">
150
- <h2>
151
- <span data-lang="fr">Installation rapide</span>
152
- <span data-lang="en">Quick Install</span>
153
- </h2>
154
-
155
- <div class="alert alert-info">
156
- <span class="alert-icon">&#128161;</span>
157
- <div class="alert-content">
158
- <p><code>npm install -g @atlashub/claude-tools && claude-tools install</code></p>
159
- </div>
160
- </div>
161
- </section>
162
-
163
- <!-- Global Installation -->
164
- <section id="global">
165
- <h2>
166
- <span data-lang="fr">Installation globale (recommandee)</span>
167
- <span data-lang="en">Global Installation (recommended)</span>
168
- </h2>
169
-
170
- <p data-lang="fr">
171
- L'installation globale installe les commandes dans <code>~/.claude</code>, les rendant disponibles dans tous vos projets.
172
- </p>
173
- <p data-lang="en">
174
- Global installation installs commands to <code>~/.claude</code>, making them available in all your projects.
175
- </p>
176
-
177
- <ol class="steps-list">
178
- <li>
179
- <div class="step-content">
180
- <h5 data-lang="fr">Installer le package npm</h5>
181
- <h5 data-lang="en">Install npm package</h5>
182
- <div class="code-block">
183
- <button class="copy-btn">Copy</button>
184
- <pre><code>npm install -g @atlashub/claude-tools</code></pre>
185
- </div>
186
- </div>
187
- </li>
188
- <li>
189
- <div class="step-content">
190
- <h5 data-lang="fr">Activer votre licence</h5>
191
- <h5 data-lang="en">Activate your license</h5>
192
- <div class="code-block">
193
- <button class="copy-btn">Copy</button>
194
- <pre><code>claude-tools activate YOUR-LICENSE-KEY</code></pre>
195
- </div>
196
- </div>
197
- </li>
198
- <li>
199
- <div class="step-content">
200
- <h5 data-lang="fr">Installer les commandes</h5>
201
- <h5 data-lang="en">Install commands</h5>
202
- <div class="code-block">
203
- <button class="copy-btn">Copy</button>
204
- <pre><code>claude-tools install</code></pre>
205
- </div>
206
- </div>
207
- </li>
208
- <li>
209
- <div class="step-content">
210
- <h5 data-lang="fr">Verifier l'installation</h5>
211
- <h5 data-lang="en">Verify installation</h5>
212
- <div class="code-block">
213
- <button class="copy-btn">Copy</button>
214
- <pre><code>claude-tools status</code></pre>
215
- </div>
216
- </div>
217
- </li>
218
- </ol>
219
- </section>
220
-
221
- <!-- Local Installation -->
222
- <section id="local">
223
- <h2>
224
- <span data-lang="fr">Installation locale (projet)</span>
225
- <span data-lang="en">Local Installation (project)</span>
226
- </h2>
227
-
228
- <p data-lang="fr">
229
- L'installation locale installe les commandes dans <code>./.claude</code> du projet courant. Utile pour personnaliser les commandes par projet.
230
- </p>
231
- <p data-lang="en">
232
- Local installation installs commands to <code>./.claude</code> in the current project. Useful for customizing commands per project.
233
- </p>
234
-
235
- <div class="code-block">
236
- <button class="copy-btn">Copy</button>
237
- <pre><code># Dans votre projet
238
- npm install -D @atlashub/claude-tools
239
-
240
- # Installer localement
241
- npx claude-tools install --local</code></pre>
242
- </div>
243
-
244
- <div class="alert alert-warning">
245
- <span class="alert-icon">&#9888;</span>
246
- <div class="alert-content">
247
- <h5 data-lang="fr">Ajoutez .claude au .gitignore</h5>
248
- <h5 data-lang="en">Add .claude to .gitignore</h5>
249
- <p data-lang="fr">
250
- Si vous installez localement, pensez a ajouter <code>.claude/</code> a votre <code>.gitignore</code> pour eviter de commiter les fichiers de configuration.
251
- </p>
252
- <p data-lang="en">
253
- If you install locally, consider adding <code>.claude/</code> to your <code>.gitignore</code> to avoid committing configuration files.
254
- </p>
255
- </div>
256
- </div>
257
- </section>
258
-
259
- <!-- Installation Options -->
260
- <section id="options">
261
- <h2>
262
- <span data-lang="fr">Options d'installation</span>
263
- <span data-lang="en">Installation Options</span>
264
- </h2>
265
-
266
- <div class="table-container">
267
- <table>
268
- <thead>
269
- <tr>
270
- <th>Option</th>
271
- <th>
272
- <span data-lang="fr">Description</span>
273
- <span data-lang="en">Description</span>
274
- </th>
275
- </tr>
276
- </thead>
277
- <tbody>
278
- <tr>
279
- <td><code>--local</code></td>
280
- <td>
281
- <span data-lang="fr">Installer dans le projet courant (./.claude)</span>
282
- <span data-lang="en">Install in current project (./.claude)</span>
283
- </td>
284
- </tr>
285
- <tr>
286
- <td><code>--commands-only</code></td>
287
- <td>
288
- <span data-lang="fr">Installer uniquement les commandes</span>
289
- <span data-lang="en">Install commands only</span>
290
- </td>
291
- </tr>
292
- <tr>
293
- <td><code>--agents-only</code></td>
294
- <td>
295
- <span data-lang="fr">Installer uniquement les agents</span>
296
- <span data-lang="en">Install agents only</span>
297
- </td>
298
- </tr>
299
- <tr>
300
- <td><code>--hooks-only</code></td>
301
- <td>
302
- <span data-lang="fr">Installer uniquement les hooks</span>
303
- <span data-lang="en">Install hooks only</span>
304
- </td>
305
- </tr>
306
- <tr>
307
- <td><code>--force</code></td>
308
- <td>
309
- <span data-lang="fr">Forcer la reecriture des fichiers existants</span>
310
- <span data-lang="en">Force overwrite existing files</span>
311
- </td>
312
- </tr>
313
- <tr>
314
- <td><code>--no-config</code></td>
315
- <td>
316
- <span data-lang="fr">Ne pas creer le fichier de configuration</span>
317
- <span data-lang="en">Skip config file creation</span>
318
- </td>
319
- </tr>
320
- </tbody>
321
- </table>
322
- </div>
323
- </section>
324
-
325
- <!-- Directory Structure -->
326
- <section id="structure">
327
- <h2>
328
- <span data-lang="fr">Structure des fichiers</span>
329
- <span data-lang="en">File Structure</span>
330
- </h2>
331
-
332
- <p data-lang="fr">Apres installation, la structure suivante est creee :</p>
333
- <p data-lang="en">After installation, the following structure is created:</p>
334
-
335
- <div class="code-block">
336
- <pre><code>~/.claude/ # Installation globale
337
- ├── commands/ # Commandes slash
338
- │ ├── gitflow.md # Orchestrateur GitFlow
339
- │ ├── gitflow/ # Phases GitFlow
340
- │ │ ├── 1-init.md
341
- │ │ ├── 2-status.md
342
- ├── 3-commit.md
343
- ├── 4-plan.md
344
- │ │ ├── 5-exec.md
345
- │ │ ├── 6-abort.md
346
- │ │ ├── 10-start.md
347
- │ │ └── 11-finish.md
348
- │ ├── apex.md # Orchestrateur APEX
349
- │ ├── apex/ # Phases APEX
350
- │ ├── git/ # Commandes Git
351
- │ └── prompts/ # Generateurs de prompts
352
- ├── agents/ # Agents specialises
353
- │ ├── explore-codebase.md
354
- │ ├── explore-docs.md
355
- ├── websearch.md
356
- ├── snipper.md
357
- │ ├── fix-grammar.md
358
- └── action.md
359
- ├── hooks/ # Hooks Claude Code
360
- └── hooks.json
361
- └── gitflow/ # Donnees GitFlow
362
- ├── config.json # Configuration
363
- ├── plans/ # Plans d'integration
364
- ├── logs/ # Logs d'operations
365
- └── migrations/ # Suivi des migrations
366
- └── history.json</code></pre>
367
- </div>
368
- </section>
369
-
370
- <!-- Uninstall -->
371
- <section id="uninstall">
372
- <h2>
373
- <span data-lang="fr">Desinstallation</span>
374
- <span data-lang="en">Uninstallation</span>
375
- </h2>
376
-
377
- <div class="code-block">
378
- <button class="copy-btn">Copy</button>
379
- <pre><code># Desinstaller tous les composants
380
- claude-tools uninstall
381
-
382
- # Desinstaller des composants specifiques
383
- claude-tools uninstall --commands-only
384
- claude-tools uninstall --agents-only
385
- claude-tools uninstall --hooks-only
386
-
387
- # Garder le fichier de configuration
388
- claude-tools uninstall --keep-config
389
-
390
- # Sans confirmation
391
- claude-tools uninstall --yes</code></pre>
392
- </div>
393
- </section>
394
-
395
- <!-- Update -->
396
- <section id="update">
397
- <h2>
398
- <span data-lang="fr">Mise a jour</span>
399
- <span data-lang="en">Update</span>
400
- </h2>
401
-
402
- <div class="code-block">
403
- <button class="copy-btn">Copy</button>
404
- <pre><code># Mettre a jour le package npm
405
- npm update -g @atlashub/claude-tools
406
-
407
- # Mettre a jour les commandes installees
408
- claude-tools update</code></pre>
409
- </div>
410
- </section>
411
-
412
- <!-- Troubleshooting -->
413
- <section id="troubleshooting">
414
- <h2>
415
- <span data-lang="fr">Resolution de problemes</span>
416
- <span data-lang="en">Troubleshooting</span>
417
- </h2>
418
-
419
- <div class="alert alert-warning">
420
- <span class="alert-icon">&#9888;</span>
421
- <div class="alert-content">
422
- <h5 data-lang="fr">Erreur de permission</h5>
423
- <h5 data-lang="en">Permission error</h5>
424
- <p data-lang="fr">
425
- Si vous obtenez une erreur de permission lors de l'installation globale, utilisez <code>sudo</code> ou configurez npm pour utiliser un repertoire utilisateur.
426
- </p>
427
- <p data-lang="en">
428
- If you get a permission error during global installation, use <code>sudo</code> or configure npm to use a user directory.
429
- </p>
430
- </div>
431
- </div>
432
-
433
- <div class="alert alert-info">
434
- <span class="alert-icon">&#128161;</span>
435
- <div class="alert-content">
436
- <h5 data-lang="fr">Commandes non reconnues</h5>
437
- <h5 data-lang="en">Commands not recognized</h5>
438
- <p data-lang="fr">
439
- Assurez-vous que le repertoire npm global est dans votre PATH. Verifiez avec <code>npm bin -g</code>.
440
- </p>
441
- <p data-lang="en">
442
- Make sure the npm global directory is in your PATH. Check with <code>npm bin -g</code>.
443
- </p>
444
- </div>
445
- </div>
446
- </section>
447
- </div>
448
- </main>
449
- </div>
450
- </div>
451
-
452
- <!-- Mobile Menu Button -->
453
- <button class="mobile-menu-btn">&#9776;</button>
454
- <div class="overlay"></div>
455
-
456
- <script src="js/app.js"></script>
457
- </body>
458
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Installation - SmartStack CLI</title>
7
+ <link rel="stylesheet" href="css/styles.css">
8
+ </head>
9
+ <body>
10
+ <div class="app-container">
11
+ <!-- Global Header (single unified element) -->
12
+ <header class="global-header">
13
+ <div class="logo">SS</div>
14
+ <span class="site-title">SmartStack CLI</span>
15
+ <span class="version-badge">v1.4.0</span>
16
+ <div class="header-divider"></div>
17
+ <span class="page-title">Installation</span>
18
+ <nav class="breadcrumb">
19
+ <a href="index.html">
20
+ <span data-lang="fr">Accueil</span>
21
+ <span data-lang="en">Home</span>
22
+ </a>
23
+ <span class="breadcrumb-separator">&#8250;</span>
24
+ <span class="breadcrumb-current">Installation</span>
25
+ </nav>
26
+ <!-- Language Select -->
27
+ <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
28
+ <option value="fr">🇫🇷 FR</option>
29
+ <option value="en">🇬🇧 EN</option>
30
+ </select>
31
+ <!-- Search -->
32
+ <div class="header-search">
33
+ <div class="search-input-wrapper">
34
+ <span class="search-icon">&#128269;</span>
35
+ <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
36
+ <span class="search-shortcut">Ctrl+K</span>
37
+ </div>
38
+ <div id="search-results" class="search-results"></div>
39
+ </div>
40
+ </header>
41
+
42
+ <!-- App Body -->
43
+ <div class="app-body">
44
+ <!-- Sidebar -->
45
+ <aside class="sidebar">
46
+ <button class="sidebar-toggle" title="Toggle sidebar">
47
+ <span class="toggle-icon-collapse">&#171;</span>
48
+ <span class="toggle-icon-expand">&#187;</span>
49
+ </button>
50
+
51
+ <nav class="sidebar-nav">
52
+ <div class="nav-section">
53
+ <div class="nav-section-title">
54
+ <span data-lang="fr">Demarrage</span>
55
+ <span data-lang="en">Getting Started</span>
56
+ </div>
57
+ <a href="index.html" class="nav-item">
58
+ <span class="icon">&#127968;</span>
59
+ <span class="nav-text" data-lang="fr">Accueil</span>
60
+ <span class="nav-text" data-lang="en">Home</span>
61
+ </a>
62
+ <a href="installation.html" class="nav-item active">
63
+ <span class="icon">&#128230;</span>
64
+ <span class="nav-text">Installation</span>
65
+ </a>
66
+ </div>
67
+
68
+ <div class="nav-section">
69
+ <div class="nav-section-title">Workflows</div>
70
+ <a href="gitflow.html" class="nav-item">
71
+ <span class="icon">&#128256;</span>
72
+ <span class="nav-text">GitFlow</span>
73
+ </a>
74
+ <a href="efcore.html" class="nav-item">
75
+ <span class="icon">&#128452;</span>
76
+ <span class="nav-text">EF Core</span>
77
+ </a>
78
+ <a href="apex.html" class="nav-item">
79
+ <span class="icon">&#127919;</span>
80
+ <span class="nav-text">APEX</span>
81
+ </a>
82
+ <a href="business-analyse.html" class="nav-item">
83
+ <span class="icon">&#128202;</span>
84
+ <span class="nav-text">Business Analyse</span>
85
+ </a>
86
+ <a href="ralph-loop.html" class="nav-item">
87
+ <span class="icon">&#128260;</span>
88
+ <span class="nav-text">Ralph Loop</span>
89
+ </a>
90
+ </div>
91
+
92
+ <div class="nav-section">
93
+ <div class="nav-section-title">
94
+ <span data-lang="fr">Outils</span>
95
+ <span data-lang="en">Tools</span>
96
+ </div>
97
+ <a href="agents.html" class="nav-item">
98
+ <span class="icon">&#129302;</span>
99
+ <span class="nav-text">Agents</span>
100
+ </a>
101
+ <a href="commands.html" class="nav-item">
102
+ <span class="icon">&#9889;</span>
103
+ <span class="nav-text" data-lang="fr">Commandes</span>
104
+ <span class="nav-text" data-lang="en">Commands</span>
105
+ </a>
106
+ <a href="hooks.html" class="nav-item">
107
+ <span class="icon">&#128279;</span>
108
+ <span class="nav-text">Hooks</span>
109
+ </a>
110
+ <a href="test-web.html" class="nav-item">
111
+ <span class="icon">&#127760;</span>
112
+ <span class="nav-text">Test Web</span>
113
+ </a>
114
+ </div>
115
+ </nav>
116
+
117
+ </aside>
118
+
119
+ <!-- Main Content -->
120
+ <main class="main-content">
121
+ <div class="content content-wide">
122
+ <!-- Prerequisites -->
123
+ <section id="prerequisites">
124
+ <h2>
125
+ <span data-lang="fr">Prerequis</span>
126
+ <span data-lang="en">Prerequisites</span>
127
+ </h2>
128
+
129
+ <div class="feature-grid">
130
+ <div class="feature-item">
131
+ <span class="feature-icon">&#128215;</span>
132
+ <span class="feature-text"><strong>Node.js</strong> &gt;= 18.0.0</span>
133
+ </div>
134
+ <div class="feature-item">
135
+ <span class="feature-icon">&#128230;</span>
136
+ <span class="feature-text"><strong>npm</strong> &gt;= 8.0.0</span>
137
+ </div>
138
+ <div class="feature-item">
139
+ <span class="feature-icon">&#129302;</span>
140
+ <span class="feature-text"><strong>Claude Code</strong> (CLI d'Anthropic)</span>
141
+ </div>
142
+ </div>
143
+
144
+ <div class="code-block">
145
+ <button class="copy-btn">Copy</button>
146
+ <pre><code># Verifier les versions
147
+ node --version # v18.x.x ou superieur
148
+ npm --version # v8.x.x ou superieur</code></pre>
149
+ </div>
150
+ </section>
151
+
152
+ <!-- Quick Install -->
153
+ <section id="quick-install">
154
+ <h2>
155
+ <span data-lang="fr">Installation rapide</span>
156
+ <span data-lang="en">Quick Install</span>
157
+ </h2>
158
+
159
+ <div class="alert alert-info">
160
+ <span class="alert-icon">&#128161;</span>
161
+ <div class="alert-content">
162
+ <p><code>npm install -g @atlashub/smartstack-cli && smartstack-cli install</code></p>
163
+ </div>
164
+ </div>
165
+ </section>
166
+
167
+ <!-- Global Installation -->
168
+ <section id="global">
169
+ <h2>
170
+ <span data-lang="fr">Installation globale (recommandee)</span>
171
+ <span data-lang="en">Global Installation (recommended)</span>
172
+ </h2>
173
+
174
+ <p data-lang="fr">
175
+ L'installation globale installe les commandes dans <code>~/.claude</code>, les rendant disponibles dans tous vos projets.
176
+ </p>
177
+ <p data-lang="en">
178
+ Global installation installs commands to <code>~/.claude</code>, making them available in all your projects.
179
+ </p>
180
+
181
+ <ol class="steps-list">
182
+ <li>
183
+ <div class="step-content">
184
+ <h5 data-lang="fr">Installer le package npm</h5>
185
+ <h5 data-lang="en">Install npm package</h5>
186
+ <div class="code-block">
187
+ <button class="copy-btn">Copy</button>
188
+ <pre><code>npm install -g @atlashub/smartstack-cli</code></pre>
189
+ </div>
190
+ </div>
191
+ </li>
192
+ <li>
193
+ <div class="step-content">
194
+ <h5 data-lang="fr">Activer votre licence</h5>
195
+ <h5 data-lang="en">Activate your license</h5>
196
+ <div class="code-block">
197
+ <button class="copy-btn">Copy</button>
198
+ <pre><code>smartstack-cli activate YOUR-LICENSE-KEY</code></pre>
199
+ </div>
200
+ </div>
201
+ </li>
202
+ <li>
203
+ <div class="step-content">
204
+ <h5 data-lang="fr">Installer les commandes</h5>
205
+ <h5 data-lang="en">Install commands</h5>
206
+ <div class="code-block">
207
+ <button class="copy-btn">Copy</button>
208
+ <pre><code>smartstack-cli install</code></pre>
209
+ </div>
210
+ </div>
211
+ </li>
212
+ <li>
213
+ <div class="step-content">
214
+ <h5 data-lang="fr">Verifier l'installation</h5>
215
+ <h5 data-lang="en">Verify installation</h5>
216
+ <div class="code-block">
217
+ <button class="copy-btn">Copy</button>
218
+ <pre><code>smartstack-cli status</code></pre>
219
+ </div>
220
+ </div>
221
+ </li>
222
+ </ol>
223
+ </section>
224
+
225
+ <!-- Local Installation -->
226
+ <section id="local">
227
+ <h2>
228
+ <span data-lang="fr">Installation locale (projet)</span>
229
+ <span data-lang="en">Local Installation (project)</span>
230
+ </h2>
231
+
232
+ <p data-lang="fr">
233
+ L'installation locale installe les commandes dans <code>./.claude</code> du projet courant. Utile pour personnaliser les commandes par projet.
234
+ </p>
235
+ <p data-lang="en">
236
+ Local installation installs commands to <code>./.claude</code> in the current project. Useful for customizing commands per project.
237
+ </p>
238
+
239
+ <div class="code-block">
240
+ <button class="copy-btn">Copy</button>
241
+ <pre><code># Dans votre projet
242
+ npm install -D @atlashub/smartstack-cli
243
+
244
+ # Installer localement
245
+ npx smartstack-cli install --local</code></pre>
246
+ </div>
247
+
248
+ <div class="alert alert-warning">
249
+ <span class="alert-icon">&#9888;</span>
250
+ <div class="alert-content">
251
+ <h5 data-lang="fr">Ajoutez .claude au .gitignore</h5>
252
+ <h5 data-lang="en">Add .claude to .gitignore</h5>
253
+ <p data-lang="fr">
254
+ Si vous installez localement, pensez a ajouter <code>.claude/</code> a votre <code>.gitignore</code> pour eviter de commiter les fichiers de configuration.
255
+ </p>
256
+ <p data-lang="en">
257
+ If you install locally, consider adding <code>.claude/</code> to your <code>.gitignore</code> to avoid committing configuration files.
258
+ </p>
259
+ </div>
260
+ </div>
261
+ </section>
262
+
263
+ <!-- Installation Options -->
264
+ <section id="options">
265
+ <h2>
266
+ <span data-lang="fr">Options d'installation</span>
267
+ <span data-lang="en">Installation Options</span>
268
+ </h2>
269
+
270
+ <div class="table-container">
271
+ <table>
272
+ <thead>
273
+ <tr>
274
+ <th>Option</th>
275
+ <th>
276
+ <span data-lang="fr">Description</span>
277
+ <span data-lang="en">Description</span>
278
+ </th>
279
+ </tr>
280
+ </thead>
281
+ <tbody>
282
+ <tr>
283
+ <td><code>--local</code></td>
284
+ <td>
285
+ <span data-lang="fr">Installer dans le projet courant (./.claude)</span>
286
+ <span data-lang="en">Install in current project (./.claude)</span>
287
+ </td>
288
+ </tr>
289
+ <tr>
290
+ <td><code>--commands-only</code></td>
291
+ <td>
292
+ <span data-lang="fr">Installer uniquement les commandes</span>
293
+ <span data-lang="en">Install commands only</span>
294
+ </td>
295
+ </tr>
296
+ <tr>
297
+ <td><code>--agents-only</code></td>
298
+ <td>
299
+ <span data-lang="fr">Installer uniquement les agents</span>
300
+ <span data-lang="en">Install agents only</span>
301
+ </td>
302
+ </tr>
303
+ <tr>
304
+ <td><code>--hooks-only</code></td>
305
+ <td>
306
+ <span data-lang="fr">Installer uniquement les hooks</span>
307
+ <span data-lang="en">Install hooks only</span>
308
+ </td>
309
+ </tr>
310
+ <tr>
311
+ <td><code>--force</code></td>
312
+ <td>
313
+ <span data-lang="fr">Forcer la reecriture des fichiers existants</span>
314
+ <span data-lang="en">Force overwrite existing files</span>
315
+ </td>
316
+ </tr>
317
+ <tr>
318
+ <td><code>--no-config</code></td>
319
+ <td>
320
+ <span data-lang="fr">Ne pas creer le fichier de configuration</span>
321
+ <span data-lang="en">Skip config file creation</span>
322
+ </td>
323
+ </tr>
324
+ </tbody>
325
+ </table>
326
+ </div>
327
+ </section>
328
+
329
+ <!-- Directory Structure -->
330
+ <section id="structure">
331
+ <h2>
332
+ <span data-lang="fr">Structure des fichiers</span>
333
+ <span data-lang="en">File Structure</span>
334
+ </h2>
335
+
336
+ <p data-lang="fr">Apres installation, la structure suivante est creee :</p>
337
+ <p data-lang="en">After installation, the following structure is created:</p>
338
+
339
+ <div class="code-block">
340
+ <pre><code>~/.claude/ # Installation globale
341
+ ├── commands/ # Commandes slash
342
+ │ ├── gitflow.md # Orchestrateur GitFlow
343
+ │ ├── gitflow/ # Phases GitFlow
344
+ │ │ ├── 1-init.md
345
+ │ │ ├── 2-status.md
346
+ │ │ ├── 3-commit.md
347
+ │ │ ├── 4-plan.md
348
+ ├── 5-exec.md
349
+ ├── 6-abort.md
350
+ ├── 10-start.md
351
+ └── 11-finish.md
352
+ ├── apex.md # Orchestrateur APEX
353
+ │ ├── apex/ # Phases APEX
354
+ │ ├── git/ # Commandes Git
355
+ └── prompts/ # Generateurs de prompts
356
+ ├── agents/ # Agents specialises
357
+ │ ├── explore-codebase.md
358
+ ├── explore-docs.md
359
+ ├── websearch.md
360
+ ├── snipper.md
361
+ │ ├── fix-grammar.md
362
+ │ └── action.md
363
+ ├── hooks/ # Hooks Claude Code
364
+ │ └── hooks.json
365
+ └── gitflow/ # Donnees GitFlow
366
+ ├── config.json # Configuration
367
+ ├── plans/ # Plans d'integration
368
+ ├── logs/ # Logs d'operations
369
+ └── migrations/ # Suivi des migrations
370
+ └── history.json</code></pre>
371
+ </div>
372
+ </section>
373
+
374
+ <!-- Uninstall -->
375
+ <section id="uninstall">
376
+ <h2>
377
+ <span data-lang="fr">Desinstallation</span>
378
+ <span data-lang="en">Uninstallation</span>
379
+ </h2>
380
+
381
+ <div class="code-block">
382
+ <button class="copy-btn">Copy</button>
383
+ <pre><code># Desinstaller tous les composants
384
+ smartstack-cli uninstall
385
+
386
+ # Desinstaller des composants specifiques
387
+ smartstack-cli uninstall --commands-only
388
+ smartstack-cli uninstall --agents-only
389
+ smartstack-cli uninstall --hooks-only
390
+
391
+ # Garder le fichier de configuration
392
+ smartstack-cli uninstall --keep-config
393
+
394
+ # Sans confirmation
395
+ smartstack-cli uninstall --yes</code></pre>
396
+ </div>
397
+ </section>
398
+
399
+ <!-- Update -->
400
+ <section id="update">
401
+ <h2>
402
+ <span data-lang="fr">Mise a jour</span>
403
+ <span data-lang="en">Update</span>
404
+ </h2>
405
+
406
+ <div class="code-block">
407
+ <button class="copy-btn">Copy</button>
408
+ <pre><code># Mettre a jour le package npm
409
+ npm update -g @atlashub/smartstack-cli
410
+
411
+ # Mettre a jour les commandes installees
412
+ smartstack-cli update</code></pre>
413
+ </div>
414
+ </section>
415
+
416
+ <!-- Troubleshooting -->
417
+ <section id="troubleshooting">
418
+ <h2>
419
+ <span data-lang="fr">Resolution de problemes</span>
420
+ <span data-lang="en">Troubleshooting</span>
421
+ </h2>
422
+
423
+ <div class="alert alert-warning">
424
+ <span class="alert-icon">&#9888;</span>
425
+ <div class="alert-content">
426
+ <h5 data-lang="fr">Erreur de permission</h5>
427
+ <h5 data-lang="en">Permission error</h5>
428
+ <p data-lang="fr">
429
+ Si vous obtenez une erreur de permission lors de l'installation globale, utilisez <code>sudo</code> ou configurez npm pour utiliser un repertoire utilisateur.
430
+ </p>
431
+ <p data-lang="en">
432
+ If you get a permission error during global installation, use <code>sudo</code> or configure npm to use a user directory.
433
+ </p>
434
+ </div>
435
+ </div>
436
+
437
+ <div class="alert alert-info">
438
+ <span class="alert-icon">&#128161;</span>
439
+ <div class="alert-content">
440
+ <h5 data-lang="fr">Commandes non reconnues</h5>
441
+ <h5 data-lang="en">Commands not recognized</h5>
442
+ <p data-lang="fr">
443
+ Assurez-vous que le repertoire npm global est dans votre PATH. Verifiez avec <code>npm bin -g</code>.
444
+ </p>
445
+ <p data-lang="en">
446
+ Make sure the npm global directory is in your PATH. Check with <code>npm bin -g</code>.
447
+ </p>
448
+ </div>
449
+ </div>
450
+ </section>
451
+ </div>
452
+ </main>
453
+ </div>
454
+ </div>
455
+
456
+ <!-- Mobile Menu Button -->
457
+ <button class="mobile-menu-btn">&#9776;</button>
458
+ <div class="overlay"></div>
459
+
460
+ <script src="js/app.js"></script>
461
+ </body>
462
+ </html>