@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/index.html CHANGED
@@ -1,323 +1,323 @@
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>SmartStack CLI - Documentation</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">@atlashub/smartstack-cli</span>
18
- <!-- Language Select -->
19
- <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
20
- <option value="fr">๐Ÿ‡ซ๐Ÿ‡ท FR</option>
21
- <option value="en">๐Ÿ‡ฌ๐Ÿ‡ง EN</option>
22
- </select>
23
- <!-- Search -->
24
- <div class="header-search">
25
- <div class="search-input-wrapper">
26
- <span class="search-icon">&#128269;</span>
27
- <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
28
- <span class="search-shortcut">Ctrl+K</span>
29
- </div>
30
- <div id="search-results" class="search-results"></div>
31
- </div>
32
- </header>
33
-
34
- <!-- App Body -->
35
- <div class="app-body">
36
- <!-- Sidebar -->
37
- <aside class="sidebar">
38
- <button class="sidebar-toggle" title="Toggle sidebar">
39
- <span class="toggle-icon-collapse">ยซ</span>
40
- <span class="toggle-icon-expand">ยป</span>
41
- </button>
42
-
43
- <nav class="sidebar-nav">
44
- <div class="nav-section">
45
- <div class="nav-section-title">
46
- <span data-lang="fr">Demarrage</span>
47
- <span data-lang="en">Getting Started</span>
48
- </div>
49
- <a href="index.html" class="nav-item active">
50
- <span class="icon">๐Ÿ </span>
51
- <span class="nav-text" data-lang="fr">Accueil</span>
52
- <span class="nav-text" data-lang="en">Home</span>
53
- </a>
54
- <a href="installation.html" class="nav-item">
55
- <span class="icon">๐Ÿ“ฆ</span>
56
- <span class="nav-text">Installation</span>
57
- </a>
58
- </div>
59
-
60
- <div class="nav-section">
61
- <div class="nav-section-title">Workflows</div>
62
- <a href="gitflow.html" class="nav-item">
63
- <span class="icon">๐Ÿ”€</span>
64
- <span class="nav-text">GitFlow</span>
65
- </a>
66
- <a href="efcore.html" class="nav-item">
67
- <span class="icon">๐Ÿ—„๏ธ</span>
68
- <span class="nav-text">EF Core</span>
69
- </a>
70
- <a href="apex.html" class="nav-item">
71
- <span class="icon">๐ŸŽฏ</span>
72
- <span class="nav-text">APEX</span>
73
- </a>
74
- <a href="business-analyse.html" class="nav-item">
75
- <span class="icon">๐Ÿ“Š</span>
76
- <span class="nav-text">Business Analyse</span>
77
- </a>
78
- <a href="ralph-loop.html" class="nav-item">
79
- <span class="icon">&#128260;</span>
80
- <span class="nav-text">Ralph Loop</span>
81
- </a>
82
- </div>
83
-
84
- <div class="nav-section">
85
- <div class="nav-section-title">
86
- <span data-lang="fr">Outils</span>
87
- <span data-lang="en">Tools</span>
88
- </div>
89
- <a href="agents.html" class="nav-item">
90
- <span class="icon">๐Ÿค–</span>
91
- <span class="nav-text">Agents</span>
92
- </a>
93
- <a href="commands.html" class="nav-item">
94
- <span class="icon">โšก</span>
95
- <span class="nav-text" data-lang="fr">Commandes</span>
96
- <span class="nav-text" data-lang="en">Commands</span>
97
- </a>
98
- <a href="hooks.html" class="nav-item">
99
- <span class="icon">๐Ÿ”—</span>
100
- <span class="nav-text">Hooks</span>
101
- </a>
102
- <a href="test-web.html" class="nav-item">
103
- <span class="icon">๐ŸŒ</span>
104
- <span class="nav-text">Test Web</span>
105
- </a>
106
- </div>
107
- </nav>
108
-
109
- </aside>
110
-
111
- <!-- Main Content -->
112
- <main class="main-content">
113
- <div class="content content-wide">
114
- <!-- Quick Install -->
115
- <div class="alert alert-info">
116
- <span class="alert-icon">๐Ÿ’ก</span>
117
- <div class="alert-content">
118
- <h5 data-lang="fr">Installation rapide</h5>
119
- <h5 data-lang="en">Quick Install</h5>
120
- <p><code>npm install -g @atlashub/smartstack-cli && smartstack install</code></p>
121
- </div>
122
- </div>
123
-
124
- <!-- Features Grid -->
125
- <h2 data-lang="fr">Fonctionnalites</h2>
126
- <h2 data-lang="en">Features</h2>
127
-
128
- <div class="card-grid">
129
- <a href="gitflow.html" class="card">
130
- <div class="card-header">
131
- <div class="card-icon">๐Ÿ”€</div>
132
- <div>
133
- <div class="card-title">GitFlow Workflow</div>
134
- <div class="card-subtitle" data-lang="fr">Automatisation complete</div>
135
- <div class="card-subtitle" data-lang="en">Complete automation</div>
136
- </div>
137
- </div>
138
- <div class="card-body">
139
- <p data-lang="fr">Workflow GitFlow complet avec gestion des versions SemVer, branches feature/release/hotfix, et integration des migrations EF Core.</p>
140
- <p data-lang="en">Complete GitFlow workflow with SemVer versioning, feature/release/hotfix branches, and EF Core migrations integration.</p>
141
- <span class="tag tag-workflow">12 commands</span>
142
- </div>
143
- </a>
144
-
145
- <a href="efcore.html" class="card">
146
- <div class="card-header">
147
- <div class="card-icon">๐Ÿ—„๏ธ</div>
148
- <div>
149
- <div class="card-title">EF Core Migrations</div>
150
- <div class="card-subtitle" data-lang="fr">Gestion avancee + Cross-Branch</div>
151
- <div class="card-subtitle" data-lang="en">Advanced management + Cross-Branch</div>
152
- </div>
153
- </div>
154
- <div class="card-body">
155
- <p data-lang="fr">Gestion des migrations Entity Framework Core : multi-context, resolution de conflits ModelSnapshot, validation cross-branch, scripts idempotents.</p>
156
- <p data-lang="en">Entity Framework Core migrations management: multi-context, ModelSnapshot conflict resolution, cross-branch validation, idempotent scripts.</p>
157
- <span class="tag tag-command">9 commands</span>
158
- </div>
159
- </a>
160
-
161
- <a href="apex.html" class="card">
162
- <div class="card-header">
163
- <div class="card-icon">๐ŸŽฏ</div>
164
- <div>
165
- <div class="card-title">APEX Methodology</div>
166
- <div class="card-subtitle">Analyze-Plan-Execute-eXamine</div>
167
- </div>
168
- </div>
169
- <div class="card-body">
170
- <p data-lang="fr">Methodologie systematique pour l'implementation de features. Analyse, planification, execution et validation en etapes claires.</p>
171
- <p data-lang="en">Systematic methodology for feature implementation. Analysis, planning, execution and validation in clear steps.</p>
172
- <span class="tag tag-workflow">6 commands</span>
173
- </div>
174
- </a>
175
-
176
- <a href="business-analyse.html" class="card">
177
- <div class="card-header">
178
- <div class="card-icon">๐Ÿ“Š</div>
179
- <div>
180
- <div class="card-title">Business Analyse</div>
181
- <div class="card-subtitle" data-lang="fr">Specification sans code</div>
182
- <div class="card-subtitle" data-lang="en">No-code specification</div>
183
- </div>
184
- </div>
185
- <div class="card-body">
186
- <p data-lang="fr">Workflow de specification fonctionnelle et technique en 6 phases. Questions adaptatives, BRD/FRD, prompts autonomes pour developpeurs.</p>
187
- <p data-lang="en">Functional and technical specification workflow in 6 phases. Adaptive questions, BRD/FRD, autonomous prompts for developers.</p>
188
- <span class="tag tag-workflow">7 commands</span>
189
- </div>
190
- </a>
191
-
192
- <a href="agents.html" class="card">
193
- <div class="card-header">
194
- <div class="card-icon">๐Ÿค–</div>
195
- <div>
196
- <div class="card-title" data-lang="fr">Agents Specialises</div>
197
- <div class="card-title" data-lang="en">Specialized Agents</div>
198
- <div class="card-subtitle" data-lang="fr">Automatisation intelligente</div>
199
- <div class="card-subtitle" data-lang="en">Intelligent automation</div>
200
- </div>
201
- </div>
202
- <div class="card-body">
203
- <p data-lang="fr">Agents autonomes pour l'exploration de code, la recherche de documentation, le debugging et la correction de grammaire.</p>
204
- <p data-lang="en">Autonomous agents for code exploration, documentation search, debugging and grammar correction.</p>
205
- <span class="tag tag-agent">6 agents</span>
206
- </div>
207
- </a>
208
- </div>
209
-
210
- <!-- Quick Reference -->
211
- <h2 data-lang="fr">Reference rapide</h2>
212
- <h2 data-lang="en">Quick Reference</h2>
213
-
214
- <div class="table-container">
215
- <table>
216
- <thead>
217
- <tr>
218
- <th>
219
- <span data-lang="fr">Besoin</span>
220
- <span data-lang="en">Need</span>
221
- </th>
222
- <th>
223
- <span data-lang="fr">Commande</span>
224
- <span data-lang="en">Command</span>
225
- </th>
226
- </tr>
227
- </thead>
228
- <tbody>
229
- <tr>
230
- <td>
231
- <span data-lang="fr">Demarrer une feature</span>
232
- <span data-lang="en">Start a feature</span>
233
- </td>
234
- <td><code>/gitflow:10-start feature nom</code></td>
235
- </tr>
236
- <tr>
237
- <td>
238
- <span data-lang="fr">Creer une release</span>
239
- <span data-lang="en">Create a release</span>
240
- </td>
241
- <td><code>/gitflow:10-start release</code></td>
242
- </tr>
243
- <tr>
244
- <td>
245
- <span data-lang="fr">Commit intelligent</span>
246
- <span data-lang="en">Smart commit</span>
247
- </td>
248
- <td><code>/gitflow:3-commit</code></td>
249
- </tr>
250
- <tr>
251
- <td>
252
- <span data-lang="fr">Implementer une feature</span>
253
- <span data-lang="en">Implement a feature</span>
254
- </td>
255
- <td><code>/apex Description</code></td>
256
- </tr>
257
- <tr>
258
- <td>
259
- <span data-lang="fr">Debugger une erreur</span>
260
- <span data-lang="en">Debug an error</span>
261
- </td>
262
- <td><code>/debug Message d'erreur</code></td>
263
- </tr>
264
- <tr>
265
- <td>
266
- <span data-lang="fr">Comprendre du code</span>
267
- <span data-lang="en">Understand code</span>
268
- </td>
269
- <td><code>/explain fichier.ts</code></td>
270
- </tr>
271
- </tbody>
272
- </table>
273
- </div>
274
-
275
- <!-- Getting Started Steps -->
276
- <h2 data-lang="fr">Premiers pas</h2>
277
- <h2 data-lang="en">Getting Started</h2>
278
-
279
- <ol class="steps-list">
280
- <li>
281
- <div class="step-content">
282
- <h5 data-lang="fr">Installer le package</h5>
283
- <h5 data-lang="en">Install the package</h5>
284
- <p><code>npm install -g @atlashub/smartstack-cli</code></p>
285
- </div>
286
- </li>
287
- <li>
288
- <div class="step-content">
289
- <h5 data-lang="fr">Installer les commandes</h5>
290
- <h5 data-lang="en">Install commands</h5>
291
- <p data-lang="fr"><code>smartstack install</code> (global) ou <code>smartstack install --local</code> (projet)</p>
292
- <p data-lang="en"><code>smartstack install</code> (global) or <code>smartstack install --local</code> (project)</p>
293
- </div>
294
- </li>
295
- <li>
296
- <div class="step-content">
297
- <h5 data-lang="fr">Initialiser GitFlow (optionnel)</h5>
298
- <h5 data-lang="en">Initialize GitFlow (optional)</h5>
299
- <p data-lang="fr">Dans votre projet : <code>/gitflow:1-init</code></p>
300
- <p data-lang="en">In your project: <code>/gitflow:1-init</code></p>
301
- </div>
302
- </li>
303
- <li>
304
- <div class="step-content">
305
- <h5 data-lang="fr">Commencer a travailler</h5>
306
- <h5 data-lang="en">Start working</h5>
307
- <p data-lang="fr"><code>/gitflow:10-start feature ma-feature</code></p>
308
- <p data-lang="en"><code>/gitflow:10-start feature my-feature</code></p>
309
- </div>
310
- </li>
311
- </ol>
312
- </div>
313
- </main>
314
- </div>
315
- </div>
316
-
317
- <!-- Mobile Menu Button -->
318
- <button class="mobile-menu-btn">โ˜ฐ</button>
319
- <div class="overlay"></div>
320
-
321
- <script src="js/app.js"></script>
322
- </body>
323
- </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>SmartStack CLI - Documentation</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">@atlashub/smartstack-cli</span>
18
+ <!-- Language Select -->
19
+ <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
20
+ <option value="fr">๐Ÿ‡ซ๐Ÿ‡ท FR</option>
21
+ <option value="en">๐Ÿ‡ฌ๐Ÿ‡ง EN</option>
22
+ </select>
23
+ <!-- Search -->
24
+ <div class="header-search">
25
+ <div class="search-input-wrapper">
26
+ <span class="search-icon">&#128269;</span>
27
+ <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
28
+ <span class="search-shortcut">Ctrl+K</span>
29
+ </div>
30
+ <div id="search-results" class="search-results"></div>
31
+ </div>
32
+ </header>
33
+
34
+ <!-- App Body -->
35
+ <div class="app-body">
36
+ <!-- Sidebar -->
37
+ <aside class="sidebar">
38
+ <button class="sidebar-toggle" title="Toggle sidebar">
39
+ <span class="toggle-icon-collapse">ยซ</span>
40
+ <span class="toggle-icon-expand">ยป</span>
41
+ </button>
42
+
43
+ <nav class="sidebar-nav">
44
+ <div class="nav-section">
45
+ <div class="nav-section-title">
46
+ <span data-lang="fr">Demarrage</span>
47
+ <span data-lang="en">Getting Started</span>
48
+ </div>
49
+ <a href="index.html" class="nav-item active">
50
+ <span class="icon">๐Ÿ </span>
51
+ <span class="nav-text" data-lang="fr">Accueil</span>
52
+ <span class="nav-text" data-lang="en">Home</span>
53
+ </a>
54
+ <a href="installation.html" class="nav-item">
55
+ <span class="icon">๐Ÿ“ฆ</span>
56
+ <span class="nav-text">Installation</span>
57
+ </a>
58
+ </div>
59
+
60
+ <div class="nav-section">
61
+ <div class="nav-section-title">Workflows</div>
62
+ <a href="gitflow.html" class="nav-item">
63
+ <span class="icon">๐Ÿ”€</span>
64
+ <span class="nav-text">GitFlow</span>
65
+ </a>
66
+ <a href="efcore.html" class="nav-item">
67
+ <span class="icon">๐Ÿ—„๏ธ</span>
68
+ <span class="nav-text">EF Core</span>
69
+ </a>
70
+ <a href="apex.html" class="nav-item">
71
+ <span class="icon">๐ŸŽฏ</span>
72
+ <span class="nav-text">APEX</span>
73
+ </a>
74
+ <a href="business-analyse.html" class="nav-item">
75
+ <span class="icon">๐Ÿ“Š</span>
76
+ <span class="nav-text">Business Analyse</span>
77
+ </a>
78
+ <a href="ralph-loop.html" class="nav-item">
79
+ <span class="icon">&#128260;</span>
80
+ <span class="nav-text">Ralph Loop</span>
81
+ </a>
82
+ </div>
83
+
84
+ <div class="nav-section">
85
+ <div class="nav-section-title">
86
+ <span data-lang="fr">Outils</span>
87
+ <span data-lang="en">Tools</span>
88
+ </div>
89
+ <a href="agents.html" class="nav-item">
90
+ <span class="icon">๐Ÿค–</span>
91
+ <span class="nav-text">Agents</span>
92
+ </a>
93
+ <a href="commands.html" class="nav-item">
94
+ <span class="icon">โšก</span>
95
+ <span class="nav-text" data-lang="fr">Commandes</span>
96
+ <span class="nav-text" data-lang="en">Commands</span>
97
+ </a>
98
+ <a href="hooks.html" class="nav-item">
99
+ <span class="icon">๐Ÿ”—</span>
100
+ <span class="nav-text">Hooks</span>
101
+ </a>
102
+ <a href="test-web.html" class="nav-item">
103
+ <span class="icon">๐ŸŒ</span>
104
+ <span class="nav-text">Test Web</span>
105
+ </a>
106
+ </div>
107
+ </nav>
108
+
109
+ </aside>
110
+
111
+ <!-- Main Content -->
112
+ <main class="main-content">
113
+ <div class="content content-wide">
114
+ <!-- Quick Install -->
115
+ <div class="alert alert-info">
116
+ <span class="alert-icon">๐Ÿ’ก</span>
117
+ <div class="alert-content">
118
+ <h5 data-lang="fr">Installation rapide</h5>
119
+ <h5 data-lang="en">Quick Install</h5>
120
+ <p><code>npm install -g @atlashub/smartstack-cli && smartstack install</code></p>
121
+ </div>
122
+ </div>
123
+
124
+ <!-- Features Grid -->
125
+ <h2 data-lang="fr">Fonctionnalites</h2>
126
+ <h2 data-lang="en">Features</h2>
127
+
128
+ <div class="card-grid">
129
+ <a href="gitflow.html" class="card">
130
+ <div class="card-header">
131
+ <div class="card-icon">๐Ÿ”€</div>
132
+ <div>
133
+ <div class="card-title">GitFlow Workflow</div>
134
+ <div class="card-subtitle" data-lang="fr">Automatisation complete</div>
135
+ <div class="card-subtitle" data-lang="en">Complete automation</div>
136
+ </div>
137
+ </div>
138
+ <div class="card-body">
139
+ <p data-lang="fr">Workflow GitFlow complet avec gestion des versions SemVer, branches feature/release/hotfix, et integration des migrations EF Core.</p>
140
+ <p data-lang="en">Complete GitFlow workflow with SemVer versioning, feature/release/hotfix branches, and EF Core migrations integration.</p>
141
+ <span class="tag tag-workflow">12 commands</span>
142
+ </div>
143
+ </a>
144
+
145
+ <a href="efcore.html" class="card">
146
+ <div class="card-header">
147
+ <div class="card-icon">๐Ÿ—„๏ธ</div>
148
+ <div>
149
+ <div class="card-title">EF Core Migrations</div>
150
+ <div class="card-subtitle" data-lang="fr">Gestion avancee + Cross-Branch</div>
151
+ <div class="card-subtitle" data-lang="en">Advanced management + Cross-Branch</div>
152
+ </div>
153
+ </div>
154
+ <div class="card-body">
155
+ <p data-lang="fr">Gestion des migrations Entity Framework Core : multi-context, resolution de conflits ModelSnapshot, validation cross-branch, scripts idempotents.</p>
156
+ <p data-lang="en">Entity Framework Core migrations management: multi-context, ModelSnapshot conflict resolution, cross-branch validation, idempotent scripts.</p>
157
+ <span class="tag tag-command">9 commands</span>
158
+ </div>
159
+ </a>
160
+
161
+ <a href="apex.html" class="card">
162
+ <div class="card-header">
163
+ <div class="card-icon">๐ŸŽฏ</div>
164
+ <div>
165
+ <div class="card-title">APEX Methodology</div>
166
+ <div class="card-subtitle">Analyze-Plan-Execute-eXamine</div>
167
+ </div>
168
+ </div>
169
+ <div class="card-body">
170
+ <p data-lang="fr">Methodologie systematique pour l'implementation de features. Analyse, planification, execution et validation en etapes claires.</p>
171
+ <p data-lang="en">Systematic methodology for feature implementation. Analysis, planning, execution and validation in clear steps.</p>
172
+ <span class="tag tag-workflow">6 commands</span>
173
+ </div>
174
+ </a>
175
+
176
+ <a href="business-analyse.html" class="card">
177
+ <div class="card-header">
178
+ <div class="card-icon">๐Ÿ“Š</div>
179
+ <div>
180
+ <div class="card-title">Business Analyse</div>
181
+ <div class="card-subtitle" data-lang="fr">Specification sans code</div>
182
+ <div class="card-subtitle" data-lang="en">No-code specification</div>
183
+ </div>
184
+ </div>
185
+ <div class="card-body">
186
+ <p data-lang="fr">Workflow de specification fonctionnelle et technique en 6 phases. Questions adaptatives, BRD/FRD, prompts autonomes pour developpeurs.</p>
187
+ <p data-lang="en">Functional and technical specification workflow in 6 phases. Adaptive questions, BRD/FRD, autonomous prompts for developers.</p>
188
+ <span class="tag tag-workflow">7 commands</span>
189
+ </div>
190
+ </a>
191
+
192
+ <a href="agents.html" class="card">
193
+ <div class="card-header">
194
+ <div class="card-icon">๐Ÿค–</div>
195
+ <div>
196
+ <div class="card-title" data-lang="fr">Agents Specialises</div>
197
+ <div class="card-title" data-lang="en">Specialized Agents</div>
198
+ <div class="card-subtitle" data-lang="fr">Automatisation intelligente</div>
199
+ <div class="card-subtitle" data-lang="en">Intelligent automation</div>
200
+ </div>
201
+ </div>
202
+ <div class="card-body">
203
+ <p data-lang="fr">Agents autonomes pour l'exploration de code, la recherche de documentation, le debugging et la correction de grammaire.</p>
204
+ <p data-lang="en">Autonomous agents for code exploration, documentation search, debugging and grammar correction.</p>
205
+ <span class="tag tag-agent">6 agents</span>
206
+ </div>
207
+ </a>
208
+ </div>
209
+
210
+ <!-- Quick Reference -->
211
+ <h2 data-lang="fr">Reference rapide</h2>
212
+ <h2 data-lang="en">Quick Reference</h2>
213
+
214
+ <div class="table-container">
215
+ <table>
216
+ <thead>
217
+ <tr>
218
+ <th>
219
+ <span data-lang="fr">Besoin</span>
220
+ <span data-lang="en">Need</span>
221
+ </th>
222
+ <th>
223
+ <span data-lang="fr">Commande</span>
224
+ <span data-lang="en">Command</span>
225
+ </th>
226
+ </tr>
227
+ </thead>
228
+ <tbody>
229
+ <tr>
230
+ <td>
231
+ <span data-lang="fr">Demarrer une feature</span>
232
+ <span data-lang="en">Start a feature</span>
233
+ </td>
234
+ <td><code>/gitflow:10-start feature nom</code></td>
235
+ </tr>
236
+ <tr>
237
+ <td>
238
+ <span data-lang="fr">Creer une release</span>
239
+ <span data-lang="en">Create a release</span>
240
+ </td>
241
+ <td><code>/gitflow:10-start release</code></td>
242
+ </tr>
243
+ <tr>
244
+ <td>
245
+ <span data-lang="fr">Commit intelligent</span>
246
+ <span data-lang="en">Smart commit</span>
247
+ </td>
248
+ <td><code>/gitflow:3-commit</code></td>
249
+ </tr>
250
+ <tr>
251
+ <td>
252
+ <span data-lang="fr">Implementer une feature</span>
253
+ <span data-lang="en">Implement a feature</span>
254
+ </td>
255
+ <td><code>/apex Description</code></td>
256
+ </tr>
257
+ <tr>
258
+ <td>
259
+ <span data-lang="fr">Debugger une erreur</span>
260
+ <span data-lang="en">Debug an error</span>
261
+ </td>
262
+ <td><code>/debug Message d'erreur</code></td>
263
+ </tr>
264
+ <tr>
265
+ <td>
266
+ <span data-lang="fr">Comprendre du code</span>
267
+ <span data-lang="en">Understand code</span>
268
+ </td>
269
+ <td><code>/explain fichier.ts</code></td>
270
+ </tr>
271
+ </tbody>
272
+ </table>
273
+ </div>
274
+
275
+ <!-- Getting Started Steps -->
276
+ <h2 data-lang="fr">Premiers pas</h2>
277
+ <h2 data-lang="en">Getting Started</h2>
278
+
279
+ <ol class="steps-list">
280
+ <li>
281
+ <div class="step-content">
282
+ <h5 data-lang="fr">Installer le package</h5>
283
+ <h5 data-lang="en">Install the package</h5>
284
+ <p><code>npm install -g @atlashub/smartstack-cli</code></p>
285
+ </div>
286
+ </li>
287
+ <li>
288
+ <div class="step-content">
289
+ <h5 data-lang="fr">Installer les commandes</h5>
290
+ <h5 data-lang="en">Install commands</h5>
291
+ <p data-lang="fr"><code>smartstack install</code> (global) ou <code>smartstack install --local</code> (projet)</p>
292
+ <p data-lang="en"><code>smartstack install</code> (global) or <code>smartstack install --local</code> (project)</p>
293
+ </div>
294
+ </li>
295
+ <li>
296
+ <div class="step-content">
297
+ <h5 data-lang="fr">Initialiser GitFlow (optionnel)</h5>
298
+ <h5 data-lang="en">Initialize GitFlow (optional)</h5>
299
+ <p data-lang="fr">Dans votre projet : <code>/gitflow:1-init</code></p>
300
+ <p data-lang="en">In your project: <code>/gitflow:1-init</code></p>
301
+ </div>
302
+ </li>
303
+ <li>
304
+ <div class="step-content">
305
+ <h5 data-lang="fr">Commencer a travailler</h5>
306
+ <h5 data-lang="en">Start working</h5>
307
+ <p data-lang="fr"><code>/gitflow:10-start feature ma-feature</code></p>
308
+ <p data-lang="en"><code>/gitflow:10-start feature my-feature</code></p>
309
+ </div>
310
+ </li>
311
+ </ol>
312
+ </div>
313
+ </main>
314
+ </div>
315
+ </div>
316
+
317
+ <!-- Mobile Menu Button -->
318
+ <button class="mobile-menu-btn">โ˜ฐ</button>
319
+ <div class="overlay"></div>
320
+
321
+ <script src="js/app.js"></script>
322
+ </body>
323
+ </html>