@atlashub/smartstack-cli 1.4.1 → 1.5.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 (58) hide show
  1. package/.documentation/agents.html +916 -916
  2. package/.documentation/apex.html +1018 -1018
  3. package/.documentation/business-analyse.html +1501 -1501
  4. package/.documentation/commands.html +680 -680
  5. package/.documentation/css/styles.css +2168 -2168
  6. package/.documentation/efcore.html +2505 -2505
  7. package/.documentation/gitflow.html +2618 -2618
  8. package/.documentation/hooks.html +413 -413
  9. package/.documentation/index.html +323 -323
  10. package/.documentation/installation.html +462 -462
  11. package/.documentation/js/app.js +794 -794
  12. package/.documentation/test-web.html +513 -513
  13. package/dist/index.js +807 -277
  14. package/dist/index.js.map +1 -1
  15. package/package.json +1 -1
  16. package/templates/agents/efcore/conflicts.md +44 -17
  17. package/templates/agents/efcore/db-status.md +27 -6
  18. package/templates/agents/efcore/scan.md +43 -13
  19. package/templates/commands/ai-prompt.md +315 -315
  20. package/templates/commands/application/create.md +362 -362
  21. package/templates/commands/controller/create.md +216 -216
  22. package/templates/commands/controller.md +59 -0
  23. package/templates/commands/documentation/module.md +202 -202
  24. package/templates/commands/efcore/_env-check.md +153 -153
  25. package/templates/commands/efcore/conflicts.md +109 -192
  26. package/templates/commands/efcore/db-status.md +101 -89
  27. package/templates/commands/efcore/migration.md +23 -11
  28. package/templates/commands/efcore/scan.md +115 -119
  29. package/templates/commands/efcore.md +54 -6
  30. package/templates/commands/feature-full.md +267 -267
  31. package/templates/commands/gitflow/11-finish.md +145 -11
  32. package/templates/commands/gitflow/13-sync.md +216 -216
  33. package/templates/commands/gitflow/14-rebase.md +251 -251
  34. package/templates/commands/gitflow/2-status.md +120 -10
  35. package/templates/commands/gitflow/3-commit.md +150 -0
  36. package/templates/commands/gitflow/7-pull-request.md +134 -5
  37. package/templates/commands/gitflow/9-merge.md +142 -1
  38. package/templates/commands/implement.md +663 -663
  39. package/templates/commands/init.md +562 -0
  40. package/templates/commands/mcp-integration.md +330 -0
  41. package/templates/commands/notification.md +129 -129
  42. package/templates/commands/validate.md +233 -0
  43. package/templates/commands/workflow.md +193 -193
  44. package/templates/skills/ai-prompt/SKILL.md +778 -778
  45. package/templates/skills/application/SKILL.md +563 -563
  46. package/templates/skills/application/templates-backend.md +450 -450
  47. package/templates/skills/application/templates-frontend.md +531 -531
  48. package/templates/skills/application/templates-i18n.md +520 -520
  49. package/templates/skills/application/templates-seed.md +647 -647
  50. package/templates/skills/controller/SKILL.md +240 -240
  51. package/templates/skills/controller/postman-templates.md +614 -614
  52. package/templates/skills/controller/templates.md +1468 -1468
  53. package/templates/skills/documentation/SKILL.md +133 -133
  54. package/templates/skills/documentation/templates.md +476 -476
  55. package/templates/skills/feature-full/SKILL.md +838 -838
  56. package/templates/skills/notification/SKILL.md +555 -555
  57. package/templates/skills/ui-components/SKILL.md +870 -870
  58. package/templates/skills/workflow/SKILL.md +582 -582
package/.documentation/installation.html CHANGED
@@ -1,462 +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 - 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.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>