@atlashub/smartstack-cli 1.5.0 → 1.5.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,462 +1,548 @@
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>
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.5.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
+ <a href="init.html" class="nav-item">
67
+ <span class="icon">&#128640;</span>
68
+ <span class="nav-text">Project Init</span>
69
+ </a>
70
+ </div>
71
+
72
+ <div class="nav-section">
73
+ <div class="nav-section-title">Workflows</div>
74
+ <a href="gitflow.html" class="nav-item">
75
+ <span class="icon">&#128256;</span>
76
+ <span class="nav-text">GitFlow</span>
77
+ </a>
78
+ <a href="efcore.html" class="nav-item">
79
+ <span class="icon">&#128452;</span>
80
+ <span class="nav-text">EF Core</span>
81
+ </a>
82
+ <a href="apex.html" class="nav-item">
83
+ <span class="icon">&#127919;</span>
84
+ <span class="nav-text">APEX</span>
85
+ </a>
86
+ <a href="business-analyse.html" class="nav-item">
87
+ <span class="icon">&#128202;</span>
88
+ <span class="nav-text">Business Analyse</span>
89
+ </a>
90
+ <a href="ralph-loop.html" class="nav-item">
91
+ <span class="icon">&#128260;</span>
92
+ <span class="nav-text">Ralph Loop</span>
93
+ </a>
94
+ </div>
95
+
96
+ <div class="nav-section">
97
+ <div class="nav-section-title">
98
+ <span data-lang="fr">Outils</span>
99
+ <span data-lang="en">Tools</span>
100
+ </div>
101
+ <a href="agents.html" class="nav-item">
102
+ <span class="icon">&#129302;</span>
103
+ <span class="nav-text">Agents</span>
104
+ </a>
105
+ <a href="commands.html" class="nav-item">
106
+ <span class="icon">&#9889;</span>
107
+ <span class="nav-text" data-lang="fr">Commandes</span>
108
+ <span class="nav-text" data-lang="en">Commands</span>
109
+ </a>
110
+ <a href="hooks.html" class="nav-item">
111
+ <span class="icon">&#128279;</span>
112
+ <span class="nav-text">Hooks</span>
113
+ </a>
114
+ <a href="test-web.html" class="nav-item">
115
+ <span class="icon">&#127760;</span>
116
+ <span class="nav-text">Test Web</span>
117
+ </a>
118
+ </div>
119
+ </nav>
120
+
121
+ </aside>
122
+
123
+ <!-- Main Content -->
124
+ <main class="main-content">
125
+ <div class="content content-wide">
126
+ <!-- Prerequisites -->
127
+ <section id="prerequisites">
128
+ <h2>
129
+ <span data-lang="fr">Prerequis</span>
130
+ <span data-lang="en">Prerequisites</span>
131
+ </h2>
132
+
133
+ <div class="feature-grid">
134
+ <div class="feature-item">
135
+ <span class="feature-icon">&#128215;</span>
136
+ <span class="feature-text"><strong>Node.js</strong> &gt;= 18.0.0</span>
137
+ </div>
138
+ <div class="feature-item">
139
+ <span class="feature-icon">&#128230;</span>
140
+ <span class="feature-text"><strong>npm</strong> &gt;= 8.0.0</span>
141
+ </div>
142
+ <div class="feature-item">
143
+ <span class="feature-icon">&#129302;</span>
144
+ <span class="feature-text"><strong>Claude Code</strong> (CLI d'Anthropic)</span>
145
+ </div>
146
+ </div>
147
+
148
+ <div class="code-block">
149
+ <button class="copy-btn">Copy</button>
150
+ <pre><code># Verifier les versions
151
+ node --version # v18.x.x ou superieur
152
+ npm --version # v8.x.x ou superieur</code></pre>
153
+ </div>
154
+ </section>
155
+
156
+ <!-- Quick Install -->
157
+ <section id="quick-install">
158
+ <h2>
159
+ <span data-lang="fr">Installation rapide</span>
160
+ <span data-lang="en">Quick Install</span>
161
+ </h2>
162
+
163
+ <div class="code-block">
164
+ <button class="copy-btn">Copy</button>
165
+ <pre><code># Installer le package
166
+ npm install -g @atlashub/smartstack-cli
167
+
168
+ # Installer les commandes
169
+ smartstack-cli install</code></pre>
170
+ </div>
171
+ </section>
172
+
173
+ <!-- Global Installation -->
174
+ <section id="global">
175
+ <h2>
176
+ <span data-lang="fr">Installation globale (recommandee)</span>
177
+ <span data-lang="en">Global Installation (recommended)</span>
178
+ </h2>
179
+
180
+ <p data-lang="fr">
181
+ L'installation globale installe les commandes dans <code>~/.claude</code>, les rendant disponibles dans tous vos projets.
182
+ </p>
183
+ <p data-lang="en">
184
+ Global installation installs commands to <code>~/.claude</code>, making them available in all your projects.
185
+ </p>
186
+
187
+ <ol class="steps-list">
188
+ <li>
189
+ <div class="step-content">
190
+ <h5 data-lang="fr">Installer le package npm</h5>
191
+ <h5 data-lang="en">Install npm package</h5>
192
+ <div class="code-block">
193
+ <button class="copy-btn">Copy</button>
194
+ <pre><code>npm install -g @atlashub/smartstack-cli</code></pre>
195
+ </div>
196
+ </div>
197
+ </li>
198
+ <li>
199
+ <div class="step-content">
200
+ <h5 data-lang="fr">Activer votre licence</h5>
201
+ <h5 data-lang="en">Activate your license</h5>
202
+ <div class="code-block">
203
+ <button class="copy-btn">Copy</button>
204
+ <pre><code>smartstack-cli activate YOUR-LICENSE-KEY</code></pre>
205
+ </div>
206
+ </div>
207
+ </li>
208
+ <li>
209
+ <div class="step-content">
210
+ <h5 data-lang="fr">Installer les commandes</h5>
211
+ <h5 data-lang="en">Install commands</h5>
212
+ <div class="code-block">
213
+ <button class="copy-btn">Copy</button>
214
+ <pre><code>smartstack-cli install</code></pre>
215
+ </div>
216
+ </div>
217
+ </li>
218
+ <li>
219
+ <div class="step-content">
220
+ <h5 data-lang="fr">Verifier l'installation</h5>
221
+ <h5 data-lang="en">Verify installation</h5>
222
+ <div class="code-block">
223
+ <button class="copy-btn">Copy</button>
224
+ <pre><code>smartstack-cli status</code></pre>
225
+ </div>
226
+ </div>
227
+ </li>
228
+ </ol>
229
+ </section>
230
+
231
+ <!-- Local Installation -->
232
+ <section id="local">
233
+ <h2>
234
+ <span data-lang="fr">Installation locale (projet)</span>
235
+ <span data-lang="en">Local Installation (project)</span>
236
+ </h2>
237
+
238
+ <p data-lang="fr">
239
+ L'installation locale installe les commandes dans <code>./.claude</code> du projet courant. Utile pour personnaliser les commandes par projet.
240
+ </p>
241
+ <p data-lang="en">
242
+ Local installation installs commands to <code>./.claude</code> in the current project. Useful for customizing commands per project.
243
+ </p>
244
+
245
+ <div class="code-block">
246
+ <button class="copy-btn">Copy</button>
247
+ <pre><code># Dans votre projet
248
+ npm install -D @atlashub/smartstack-cli
249
+
250
+ # Installer localement
251
+ npx smartstack-cli install --local</code></pre>
252
+ </div>
253
+
254
+ <div class="alert alert-warning">
255
+ <span class="alert-icon">&#9888;</span>
256
+ <div class="alert-content">
257
+ <h5 data-lang="fr">Ajoutez .claude au .gitignore</h5>
258
+ <h5 data-lang="en">Add .claude to .gitignore</h5>
259
+ <p data-lang="fr">
260
+ Si vous installez localement, pensez a ajouter <code>.claude/</code> a votre <code>.gitignore</code> pour eviter de commiter les fichiers de configuration.
261
+ </p>
262
+ <p data-lang="en">
263
+ If you install locally, consider adding <code>.claude/</code> to your <code>.gitignore</code> to avoid committing configuration files.
264
+ </p>
265
+ </div>
266
+ </div>
267
+ </section>
268
+
269
+ <!-- MCP Servers -->
270
+ <section id="mcp-servers">
271
+ <h2>
272
+ <span data-lang="fr">Serveurs MCP (recommande)</span>
273
+ <span data-lang="en">MCP Servers (recommended)</span>
274
+ </h2>
275
+
276
+ <p data-lang="fr">
277
+ Les serveurs MCP (Model Context Protocol) enrichissent SmartStack avec des fonctionnalites avancees : validation de conventions, scaffolding, documentation en temps reel.
278
+ </p>
279
+ <p data-lang="en">
280
+ MCP servers (Model Context Protocol) enhance SmartStack with advanced features: conventions validation, scaffolding, real-time documentation.
281
+ </p>
282
+
283
+ <div class="table-container">
284
+ <table>
285
+ <thead>
286
+ <tr>
287
+ <th>Serveur</th>
288
+ <th>
289
+ <span data-lang="fr">Fonction</span>
290
+ <span data-lang="en">Function</span>
291
+ </th>
292
+ </tr>
293
+ </thead>
294
+ <tbody>
295
+ <tr>
296
+ <td><strong>SmartStack MCP</strong></td>
297
+ <td>
298
+ <span data-lang="fr">Validation conventions, scaffolding, API docs</span>
299
+ <span data-lang="en">Conventions validation, scaffolding, API docs</span>
300
+ </td>
301
+ </tr>
302
+ <tr>
303
+ <td><strong>Context7 MCP</strong></td>
304
+ <td>
305
+ <span data-lang="fr">Documentation libraries, exemples de code</span>
306
+ <span data-lang="en">Library documentation, code examples</span>
307
+ </td>
308
+ </tr>
309
+ </tbody>
310
+ </table>
311
+ </div>
312
+
313
+ <h3 data-lang="fr">Installation</h3>
314
+ <h3 data-lang="en">Installation</h3>
315
+
316
+ <div class="code-block">
317
+ <button class="copy-btn">Copy</button>
318
+ <pre><code># SmartStack MCP
319
+ claude mcp add smartstack
320
+
321
+ # Context7 MCP (remplacez YOUR_API_KEY par votre cle)
322
+ claude mcp add context7 -- npx @upstash/context7-mcp -- --api-key YOUR_API_KEY</code></pre>
323
+ </div>
324
+
325
+ <div class="alert alert-warning">
326
+ <span class="alert-icon">&#9888;</span>
327
+ <div class="alert-content">
328
+ <h5 data-lang="fr">Cle API Context7</h5>
329
+ <h5 data-lang="en">Context7 API Key</h5>
330
+ <p data-lang="fr">
331
+ Obtenez votre cle API gratuite sur <a href="https://context7.io" target="_blank">context7.io</a>
332
+ </p>
333
+ <p data-lang="en">
334
+ Get your free API key at <a href="https://context7.io" target="_blank">context7.io</a>
335
+ </p>
336
+ </div>
337
+ </div>
338
+
339
+ <div class="alert alert-info">
340
+ <span class="alert-icon">&#128161;</span>
341
+ <div class="alert-content">
342
+ <h5 data-lang="fr">Verifier l'installation</h5>
343
+ <h5 data-lang="en">Verify installation</h5>
344
+ <p><code>claude mcp list</code></p>
345
+ </div>
346
+ </div>
347
+ </section>
348
+
349
+ <!-- Installation Options -->
350
+ <section id="options">
351
+ <h2>
352
+ <span data-lang="fr">Options d'installation</span>
353
+ <span data-lang="en">Installation Options</span>
354
+ </h2>
355
+
356
+ <div class="table-container">
357
+ <table>
358
+ <thead>
359
+ <tr>
360
+ <th>Option</th>
361
+ <th>
362
+ <span data-lang="fr">Description</span>
363
+ <span data-lang="en">Description</span>
364
+ </th>
365
+ </tr>
366
+ </thead>
367
+ <tbody>
368
+ <tr>
369
+ <td><code>--local</code></td>
370
+ <td>
371
+ <span data-lang="fr">Installer dans le projet courant (./.claude)</span>
372
+ <span data-lang="en">Install in current project (./.claude)</span>
373
+ </td>
374
+ </tr>
375
+ <tr>
376
+ <td><code>--commands-only</code></td>
377
+ <td>
378
+ <span data-lang="fr">Installer uniquement les commandes</span>
379
+ <span data-lang="en">Install commands only</span>
380
+ </td>
381
+ </tr>
382
+ <tr>
383
+ <td><code>--agents-only</code></td>
384
+ <td>
385
+ <span data-lang="fr">Installer uniquement les agents</span>
386
+ <span data-lang="en">Install agents only</span>
387
+ </td>
388
+ </tr>
389
+ <tr>
390
+ <td><code>--hooks-only</code></td>
391
+ <td>
392
+ <span data-lang="fr">Installer uniquement les hooks</span>
393
+ <span data-lang="en">Install hooks only</span>
394
+ </td>
395
+ </tr>
396
+ <tr>
397
+ <td><code>--force</code></td>
398
+ <td>
399
+ <span data-lang="fr">Forcer la reecriture des fichiers existants</span>
400
+ <span data-lang="en">Force overwrite existing files</span>
401
+ </td>
402
+ </tr>
403
+ <tr>
404
+ <td><code>--no-config</code></td>
405
+ <td>
406
+ <span data-lang="fr">Ne pas creer le fichier de configuration</span>
407
+ <span data-lang="en">Skip config file creation</span>
408
+ </td>
409
+ </tr>
410
+ </tbody>
411
+ </table>
412
+ </div>
413
+ </section>
414
+
415
+ <!-- Directory Structure -->
416
+ <section id="structure">
417
+ <h2>
418
+ <span data-lang="fr">Structure des fichiers</span>
419
+ <span data-lang="en">File Structure</span>
420
+ </h2>
421
+
422
+ <p data-lang="fr">Apres installation, la structure suivante est creee :</p>
423
+ <p data-lang="en">After installation, the following structure is created:</p>
424
+
425
+ <div class="code-block">
426
+ <pre><code>~/.claude/ # Installation globale
427
+ ├── commands/ # Commandes slash
428
+ │ ├── gitflow.md # Orchestrateur GitFlow
429
+ │ ├── gitflow/ # Phases GitFlow
430
+ │ │ ├── 1-init.md
431
+ │ │ ├── 2-status.md
432
+ │ │ ├── 3-commit.md
433
+ │ │ ├── 4-plan.md
434
+ │ │ ├── 5-exec.md
435
+ │ │ ├── 6-abort.md
436
+ │ │ ├── 10-start.md
437
+ │ │ └── 11-finish.md
438
+ │ ├── apex.md # Orchestrateur APEX
439
+ │ ├── apex/ # Phases APEX
440
+ │ ├── git/ # Commandes Git
441
+ │ └── prompts/ # Generateurs de prompts
442
+ ├── agents/ # Agents specialises
443
+ │ ├── explore-codebase.md
444
+ │ ├── explore-docs.md
445
+ │ ├── websearch.md
446
+ │ ├── snipper.md
447
+ │ ├── fix-grammar.md
448
+ │ └── action.md
449
+ ├── hooks/ # Hooks Claude Code
450
+ │ └── hooks.json
451
+ └── gitflow/ # Donnees GitFlow
452
+ ├── config.json # Configuration
453
+ ├── plans/ # Plans d'integration
454
+ ├── logs/ # Logs d'operations
455
+ └── migrations/ # Suivi des migrations
456
+ └── history.json</code></pre>
457
+ </div>
458
+ </section>
459
+
460
+ <!-- Uninstall -->
461
+ <section id="uninstall">
462
+ <h2>
463
+ <span data-lang="fr">Desinstallation</span>
464
+ <span data-lang="en">Uninstallation</span>
465
+ </h2>
466
+
467
+ <div class="code-block">
468
+ <button class="copy-btn">Copy</button>
469
+ <pre><code># Desinstaller tous les composants
470
+ smartstack-cli uninstall
471
+
472
+ # Desinstaller des composants specifiques
473
+ smartstack-cli uninstall --commands-only
474
+ smartstack-cli uninstall --agents-only
475
+ smartstack-cli uninstall --hooks-only
476
+
477
+ # Garder le fichier de configuration
478
+ smartstack-cli uninstall --keep-config
479
+
480
+ # Sans confirmation
481
+ smartstack-cli uninstall --yes</code></pre>
482
+ </div>
483
+ </section>
484
+
485
+ <!-- Update -->
486
+ <section id="update">
487
+ <h2>
488
+ <span data-lang="fr">Mise a jour</span>
489
+ <span data-lang="en">Update</span>
490
+ </h2>
491
+
492
+ <div class="code-block">
493
+ <button class="copy-btn">Copy</button>
494
+ <pre><code># Mettre a jour le package npm
495
+ npm update -g @atlashub/smartstack-cli
496
+
497
+ # Mettre a jour les commandes installees
498
+ smartstack-cli update</code></pre>
499
+ </div>
500
+ </section>
501
+
502
+ <!-- Troubleshooting -->
503
+ <section id="troubleshooting">
504
+ <h2>
505
+ <span data-lang="fr">Resolution de problemes</span>
506
+ <span data-lang="en">Troubleshooting</span>
507
+ </h2>
508
+
509
+ <div class="alert alert-warning">
510
+ <span class="alert-icon">&#9888;</span>
511
+ <div class="alert-content">
512
+ <h5 data-lang="fr">Erreur de permission</h5>
513
+ <h5 data-lang="en">Permission error</h5>
514
+ <p data-lang="fr">
515
+ Si vous obtenez une erreur de permission lors de l'installation globale, utilisez <code>sudo</code> ou configurez npm pour utiliser un repertoire utilisateur.
516
+ </p>
517
+ <p data-lang="en">
518
+ If you get a permission error during global installation, use <code>sudo</code> or configure npm to use a user directory.
519
+ </p>
520
+ </div>
521
+ </div>
522
+
523
+ <div class="alert alert-info">
524
+ <span class="alert-icon">&#128161;</span>
525
+ <div class="alert-content">
526
+ <h5 data-lang="fr">Commandes non reconnues</h5>
527
+ <h5 data-lang="en">Commands not recognized</h5>
528
+ <p data-lang="fr">
529
+ Assurez-vous que le repertoire npm global est dans votre PATH. Verifiez avec <code>npm bin -g</code>.
530
+ </p>
531
+ <p data-lang="en">
532
+ Make sure the npm global directory is in your PATH. Check with <code>npm bin -g</code>.
533
+ </p>
534
+ </div>
535
+ </div>
536
+ </section>
537
+ </div>
538
+ </main>
539
+ </div>
540
+ </div>
541
+
542
+ <!-- Mobile Menu Button -->
543
+ <button class="mobile-menu-btn">&#9776;</button>
544
+ <div class="overlay"></div>
545
+
546
+ <script src="js/app.js"></script>
547
+ </body>
548
+ </html>