@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.
Files changed (16) hide show
  1. package/.documentation/agents.html +920 -916
  2. package/.documentation/apex.html +1022 -1018
  3. package/.documentation/business-analyse.html +1505 -1501
  4. package/.documentation/commands.html +684 -680
  5. package/.documentation/efcore.html +2509 -2505
  6. package/.documentation/gitflow.html +2622 -2618
  7. package/.documentation/hooks.html +417 -413
  8. package/.documentation/index.html +327 -323
  9. package/.documentation/init.html +565 -0
  10. package/.documentation/installation.html +548 -462
  11. package/.documentation/ralph-loop.html +534 -530
  12. package/.documentation/test-web.html +517 -513
  13. package/dist/index.js +18 -8
  14. package/dist/index.js.map +1 -1
  15. package/package.json +1 -1
  16. package/templates/commands/init.md +20 -15
package/.documentation/business-analyse.html CHANGED
@@ -1,1501 +1,1505 @@
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>Business Analyse - SmartStack CLI</title>
7
- <link rel="stylesheet" href="css/styles.css">
8
- </head>
9
- <body>
10
- <div class="app-container">
11
- <!-- Global Header -->
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">Business Analyse</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 data-lang="fr">Workflows</span>
25
- <span data-lang="en">Workflows</span>
26
- <span class="breadcrumb-separator">&#8250;</span>
27
- <span class="breadcrumb-current">Business Analyse</span>
28
- </nav>
29
- <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
30
- <option value="fr">FR</option>
31
- <option value="en">EN</option>
32
- </select>
33
- <div class="header-search">
34
- <div class="search-input-wrapper">
35
- <span class="search-icon">&#128269;</span>
36
- <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
37
- <span class="search-shortcut">Ctrl+K</span>
38
- </div>
39
- <div id="search-results" class="search-results"></div>
40
- </div>
41
- </header>
42
-
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">
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="ralph-loop.html" class="nav-item">
83
- <span class="icon">&#128260;</span>
84
- <span class="nav-text">Ralph Loop</span>
85
- </a>
86
- <div class="nav-item-with-toc">
87
- <a href="business-analyse.html" class="active">
88
- <span class="icon">&#128202;</span>
89
- <span class="nav-text">Business Analyse</span>
90
- <button class="toc-toggle">&#9654;</button>
91
- </a>
92
- <nav class="sidebar-toc">
93
- <a href="#introduction" class="sidebar-toc-link">Introduction</a>
94
- <a href="#workflow" class="sidebar-toc-link">Workflow</a>
95
- <a href="#automatic-mode" class="sidebar-toc-link">
96
- <span data-lang="fr">Mode Automatique</span>
97
- <span data-lang="en">Automatic Mode</span>
98
- </a>
99
- <a href="#phases" class="sidebar-toc-link">
100
- <span data-lang="fr">Les 8 Phases</span>
101
- <span data-lang="en">The 8 Phases</span>
102
- </a>
103
- <a href="#phase-0" class="sidebar-toc-link">0. Orchestrate</a>
104
- <a href="#phase-1" class="sidebar-toc-link">1. Init</a>
105
- <a href="#phase-2" class="sidebar-toc-link">2. Discover</a>
106
- <a href="#phase-3" class="sidebar-toc-link">3. Analyse</a>
107
- <a href="#phase-4" class="sidebar-toc-link">4. Specify</a>
108
- <a href="#phase-5" class="sidebar-toc-link">5. Validate</a>
109
- <a href="#phase-6" class="sidebar-toc-link">6. Handoff</a>
110
- <a href="#phase-7" class="sidebar-toc-link">7. Doc-HTML</a>
111
- <a href="#utilities" class="sidebar-toc-link">
112
- <span data-lang="fr">Utilitaires</span>
113
- <span data-lang="en">Utilities</span>
114
- </a>
115
- <a href="#agents" class="sidebar-toc-link">Agents</a>
116
- <a href="#files" class="sidebar-toc-link">
117
- <span data-lang="fr">Fichiers</span>
118
- <span data-lang="en">Files</span>
119
- </a>
120
- <a href="#example" class="sidebar-toc-link">
121
- <span data-lang="fr">Exemple</span>
122
- <span data-lang="en">Example</span>
123
- </a>
124
- </nav>
125
- </div>
126
- </div>
127
-
128
- <div class="nav-section">
129
- <div class="nav-section-title">
130
- <span data-lang="fr">Outils</span>
131
- <span data-lang="en">Tools</span>
132
- </div>
133
- <a href="agents.html" class="nav-item">
134
- <span class="icon">&#129302;</span>
135
- <span class="nav-text">Agents</span>
136
- </a>
137
- <a href="commands.html" class="nav-item">
138
- <span class="icon">&#9889;</span>
139
- <span class="nav-text" data-lang="fr">Commandes</span>
140
- <span class="nav-text" data-lang="en">Commands</span>
141
- </a>
142
- <a href="hooks.html" class="nav-item">
143
- <span class="icon">&#128279;</span>
144
- <span class="nav-text">Hooks</span>
145
- </a>
146
- </div>
147
- </nav>
148
- </aside>
149
-
150
- <!-- Main Content -->
151
- <main class="main-content">
152
- <div class="content-full">
153
-
154
- <!-- Introduction -->
155
- <section id="introduction">
156
- <h2>Introduction</h2>
157
- <p data-lang="fr">
158
- Le workflow <strong>Business Analyse v2</strong> est un systeme complet en <strong>8 phases</strong> pour transformer une demande utilisateur vague en une implementation precise et documentee. Il separe clairement l'analyse du besoin (WHAT) de la specification technique (HOW).
159
- </p>
160
- <p data-lang="en">
161
- The <strong>Business Analyse v2</strong> workflow is a complete <strong>8-phase</strong> system to transform a vague user request into a precise documented implementation. It clearly separates need analysis (WHAT) from technical specification (HOW).
162
- </p>
163
-
164
- <div class="alert alert-warning">
165
- <span class="alert-icon">&#9888;</span>
166
- <div class="alert-content">
167
- <h5 data-lang="fr">Principe fondamental</h5>
168
- <h5 data-lang="en">Core Principle</h5>
169
- <p data-lang="fr">
170
- <strong>Comprendre avant de specifier.</strong> Les phases 1-3 se concentrent sur le BESOIN (langage utilisateur), les phases 4-6 sur la SOLUTION (langage technique).
171
- </p>
172
- <p data-lang="en">
173
- <strong>Understand before specifying.</strong> Phases 1-3 focus on the NEED (user language), phases 4-6 on the SOLUTION (technical language).
174
- </p>
175
- </div>
176
- </div>
177
-
178
- <div class="alert alert-success">
179
- <span class="alert-icon">&#129504;</span>
180
- <div class="alert-content">
181
- <h5>ULTRATHINK</h5>
182
- <p data-lang="fr">
183
- Les phases critiques (0, 2, 3, 4, 6) utilisent <strong>ULTRATHINK</strong> pour une reflexion approfondie. Les phases simples (1, 5, 7) utilisent des modeles plus legers. La phase 7 genere la documentation HTML.
184
- </p>
185
- <p data-lang="en">
186
- Critical phases (0, 2, 3, 4, 6) use <strong>ULTRATHINK</strong> for deep reasoning. Simple phases (1, 5, 7) use lighter models. Phase 7 generates HTML documentation.
187
- </p>
188
- </div>
189
- </div>
190
- </section>
191
-
192
- <!-- Automatic Mode -->
193
- <section id="automatic-mode">
194
- <h2>
195
- <span data-lang="fr">Mode Automatique</span>
196
- <span data-lang="en">Automatic Mode</span>
197
- </h2>
198
-
199
- <div class="command-card">
200
- <div class="command-header">
201
- <code class="command-name">/business-analyse</code>
202
- <span class="badge badge-purple">ORCHESTRATE</span>
203
- </div>
204
- <div class="command-body">
205
- <p data-lang="fr">
206
- Lancez le <strong>workflow complet automatique</strong> de l'analyse metier a la documentation. La phase 0 orchestre l'execution de toutes les phases successives avec une granularite configurable.
207
- </p>
208
- <p data-lang="en">
209
- Launch the <strong>complete automatic workflow</strong> from business analysis to documentation. Phase 0 orchestrates execution of all successive phases with configurable granularity.
210
- </p>
211
-
212
- <div class="code-block">
213
- <button class="copy-btn">Copy</button>
214
- <pre><code>/business-analyse [feature-name] [options]</code></pre>
215
- </div>
216
-
217
- <h4>
218
- <span data-lang="fr">Niveaux de granularite</span>
219
- <span data-lang="en">Granularity Levels</span>
220
- </h4>
221
- <table class="reference-table">
222
- <thead>
223
- <tr>
224
- <th>
225
- <span data-lang="fr">Niveau</span>
226
- <span data-lang="en">Level</span>
227
- </th>
228
- <th>
229
- <span data-lang="fr">Couverture</span>
230
- <span data-lang="en">Coverage</span>
231
- </th>
232
- <th>Description</th>
233
- </tr>
234
- </thead>
235
- <tbody>
236
- <tr>
237
- <td><strong>Muscles</strong></td>
238
- <td>
239
- <span data-lang="fr">Phases principales</span>
240
- <span data-lang="en">Main phases</span>
241
- </td>
242
- <td>
243
- <span data-lang="fr">Phases 0-6, haute vue d'ensemble</span>
244
- <span data-lang="en">Phases 0-6, high overview</span>
245
- </td>
246
- </tr>
247
- <tr>
248
- <td><strong>Section</strong></td>
249
- <td>
250
- <span data-lang="fr">Toutes phases</span>
251
- <span data-lang="en">All phases</span>
252
- </td>
253
- <td>
254
- <span data-lang="fr">Phases 0-7 avec details complets</span>
255
- <span data-lang="en">Phases 0-7 with full details</span>
256
- </td>
257
- </tr>
258
- <tr>
259
- <td><strong>Resources</strong></td>
260
- <td>
261
- <span data-lang="fr">Etendu</span>
262
- <span data-lang="en">Extended</span>
263
- </td>
264
- <td>
265
- <span data-lang="fr">Phases 0-7 + agents, hooks, ressources</span>
266
- <span data-lang="en">Phases 0-7 + agents, hooks, resources</span>
267
- </td>
268
- </tr>
269
- </tbody>
270
- </table>
271
-
272
- <h4>Workflow Complet</h4>
273
- <div class="svg-diagram" style="max-width: 100%; overflow-x: auto;">
274
- <svg viewBox="0 0 560 260" xmlns="http://www.w3.org/2000/svg" style="font-family: 'Inter', system-ui, sans-serif; min-width: 480px;">
275
- <defs>
276
- <marker id="arrowAuto" markerWidth="12" markerHeight="10" refX="10" refY="5" orient="auto" markerUnits="userSpaceOnUse">
277
- <path d="M0,0 L12,5 L0,10 L3,5 Z" fill="#94a3b8"/>
278
- </marker>
279
- <filter id="shadowAuto" x="-10%" y="-10%" width="120%" height="130%">
280
- <feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/>
281
- </filter>
282
- </defs>
283
-
284
- <!-- BA Box -->
285
- <g transform="translate(20, 80)" filter="url(#shadowAuto)">
286
- <rect x="0" y="0" width="100" height="60" rx="6" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
287
- <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Business</text>
288
- <text x="50" y="38" text-anchor="middle" fill="#93c5fd" font-size="10">Analyse</text>
289
- </g>
290
- <path d="M120,110 L160,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
291
-
292
- <!-- Ralph Loop Box -->
293
- <g transform="translate(160, 80)" filter="url(#shadowAuto)">
294
- <rect x="0" y="0" width="100" height="60" rx="6" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
295
- <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Ralph</text>
296
- <text x="50" y="38" text-anchor="middle" fill="#5eead4" font-size="10">Loop</text>
297
- </g>
298
- <path d="M260,110 L300,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
299
-
300
- <!-- Implementation Box -->
301
- <g transform="translate(300, 80)" filter="url(#shadowAuto)">
302
- <rect x="0" y="0" width="100" height="60" rx="6" fill="#7c2d12" stroke="#ea580c" stroke-width="2"/>
303
- <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Claude</text>
304
- <text x="50" y="38" text-anchor="middle" fill="#fdba74" font-size="10">Code</text>
305
- </g>
306
- <path d="M400,110 L440,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
307
-
308
- <!-- Documentation Box -->
309
- <g transform="translate(440, 80)" filter="url(#shadowAuto)">
310
- <rect x="0" y="0" width="100" height="60" rx="6" fill="#3b0764" stroke="#d946ef" stroke-width="2"/>
311
- <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">HTML</text>
312
- <text x="50" y="38" text-anchor="middle" fill="#e879f9" font-size="10">Docs</text>
313
- </g>
314
-
315
- <!-- Arrow labels -->
316
- <text x="140" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Phases 1-6</text>
317
- <text x="280" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Brief</text>
318
- <text x="420" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Code</text>
319
- <text x="540" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Phase 7</text>
320
-
321
- <!-- Output legend -->
322
- <text x="20" y="170" fill="#94a3b8" font-size="10" font-weight="700" data-lang="fr">Fichiers generes</text>
323
- <text x="20" y="170" fill="#94a3b8" font-size="10" font-weight="700" data-lang="en">Generated files</text>
324
-
325
- <text x="20" y="190" fill="#64748b" font-size="9">.claude/ba/[feature]/01-06-*.md (phases)</text>
326
- <text x="20" y="205" fill="#64748b" font-size="9">.claude/ba/[feature]/07-documentation.html (docs)</text>
327
- <text x="20" y="220" fill="#64748b" font-size="9">Implementation logs &amp; artifacts</text>
328
- </svg>
329
- </div>
330
- </div>
331
- </div>
332
- </section>
333
-
334
- <!-- Workflow -->
335
- <section id="workflow">
336
- <h2>Workflow</h2>
337
-
338
- <div class="svg-diagram" style="max-width: 100%; overflow-x: auto;">
339
- <svg viewBox="0 0 1050 320" xmlns="http://www.w3.org/2000/svg" style="font-family: 'Inter', system-ui, sans-serif; min-width: 800px;">
340
- <defs>
341
- <!-- Arrow pointing RIGHT (gray) -->
342
- <marker id="arrowH" markerWidth="10" markerHeight="8" refX="9" refY="4" orient="auto" markerUnits="userSpaceOnUse">
343
- <path d="M0,0 L10,4 L0,8 L2,4 Z" fill="#94a3b8"/>
344
- </marker>
345
- <!-- Arrow pointing DOWN (gray) - fixed orientation -->
346
- <marker id="arrowDown" markerWidth="8" markerHeight="10" refX="4" refY="9" orient="0" markerUnits="userSpaceOnUse">
347
- <path d="M0,0 L4,10 L8,0 L4,2 Z" fill="#94a3b8"/>
348
- </marker>
349
- <!-- Arrow pointing LEFT (red) - fixed orientation -->
350
- <marker id="arrowLeft" markerWidth="10" markerHeight="8" refX="1" refY="4" orient="0" markerUnits="userSpaceOnUse">
351
- <path d="M10,0 L0,4 L10,8 L8,4 Z" fill="#f87171"/>
352
- </marker>
353
- <filter id="shadowH" x="-10%" y="-10%" width="120%" height="130%">
354
- <feDropShadow dx="0" dy="2" stdDeviation="2" flood-opacity="0.25"/>
355
- </filter>
356
- </defs>
357
-
358
- <!-- WHAT Swimlane (top) -->
359
- <rect x="10" y="40" width="520" height="90" rx="8" fill="rgba(59, 130, 246, 0.06)" stroke="rgba(59, 130, 246, 0.25)" stroke-width="1"/>
360
- <rect x="10" y="40" width="50" height="90" rx="8" fill="rgba(59, 130, 246, 0.12)"/>
361
- <text x="35" y="90" text-anchor="middle" fill="#3b82f6" font-size="11" font-weight="700" transform="rotate(-90, 35, 90)" data-lang="fr">QUOI</text>
362
- <text x="35" y="90" text-anchor="middle" fill="#3b82f6" font-size="11" font-weight="700" transform="rotate(-90, 35, 90)" data-lang="en">WHAT</text>
363
-
364
- <!-- HOW Swimlane (bottom) - extended width -->
365
- <rect x="10" y="140" width="1020" height="90" rx="8" fill="rgba(13, 148, 136, 0.06)" stroke="rgba(13, 148, 136, 0.25)" stroke-width="1"/>
366
- <rect x="10" y="140" width="50" height="90" rx="8" fill="rgba(13, 148, 136, 0.12)"/>
367
- <text x="35" y="190" text-anchor="middle" fill="#0d9488" font-size="11" font-weight="700" transform="rotate(-90, 35, 190)" data-lang="fr">COMMENT</text>
368
- <text x="35" y="190" text-anchor="middle" fill="#0d9488" font-size="11" font-weight="700" transform="rotate(-90, 35, 190)" data-lang="en">HOW</text>
369
-
370
- <!-- Start node - centered above Demande -->
371
- <circle cx="115" cy="20" r="10" fill="#1e293b" stroke="#64748b" stroke-width="2"/>
372
- <circle cx="115" cy="20" r="4" fill="#94a3b8"/>
373
- <path d="M115,30 L115,48" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowDown)"/>
374
-
375
- <!-- User Request - Demande -->
376
- <g transform="translate(70, 55)" filter="url(#shadowH)">
377
- <rect x="0" y="0" width="90" height="30" rx="15" fill="#334155" stroke="#475569" stroke-width="1"/>
378
- <text x="45" y="19" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="500" data-lang="fr">Demande</text>
379
- <text x="45" y="19" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="500" data-lang="en">Request</text>
380
- </g>
381
- <path d="M160,70 L195,70" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
382
-
383
- <!-- Phase 2: DISCOVER -->
384
- <g transform="translate(200, 50)" filter="url(#shadowH)">
385
- <rect x="0" y="0" width="130" height="40" rx="5" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
386
- <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">2. DISCOVER</text>
387
- <text x="65" y="30" text-anchor="middle" fill="#93c5fd" font-size="8">Elicitation</text>
388
- </g>
389
- <path d="M330,70 L360,70" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
390
-
391
- <!-- Phase 3: ANALYSE -->
392
- <g transform="translate(365, 50)" filter="url(#shadowH)">
393
- <rect x="0" y="0" width="130" height="40" rx="5" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
394
- <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">3. ANALYSE</text>
395
- <text x="65" y="30" text-anchor="middle" fill="#93c5fd" font-size="8">BRD</text>
396
- </g>
397
-
398
- <!-- Transition arrow WHAT -> HOW (simple L-shape to SPECIFY top) -->
399
- <path d="M430,90 L430,130 L265,130 L265,160" stroke="#94a3b8" stroke-width="2" fill="none" marker-end="url(#arrowDown)"/>
400
-
401
- <!-- Phase 4: SPECIFY - repositioned under DISCOVER -->
402
- <g transform="translate(200, 165)" filter="url(#shadowH)">
403
- <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
404
- <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">4. SPECIFY</text>
405
- <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">FRD</text>
406
- </g>
407
- <path d="M330,185 L360,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
408
-
409
- <!-- Phase 5: VALIDATE - repositioned under ANALYSE -->
410
- <g transform="translate(365, 165)" filter="url(#shadowH)">
411
- <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#14b8a6" stroke-width="2" stroke-dasharray="4,2"/>
412
- <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">5. VALIDATE</text>
413
- <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">User Gate</text>
414
- </g>
415
- <path d="M495,185 L520,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
416
-
417
- <!-- Decision diamond -->
418
- <polygon points="550,170 575,185 550,200 525,185" fill="#1e293b" stroke="#94a3b8" stroke-width="2"/>
419
- <text x="550" y="189" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="600">OK?</text>
420
-
421
- <!-- Feedback loop (enters ANALYSE from RIGHT side) -->
422
- <path d="M550,170 L550,70 L500,70" stroke="#f87171" stroke-width="2" stroke-dasharray="6,3" fill="none" marker-end="url(#arrowLeft)"/>
423
- <rect x="515" y="45" width="55" height="16" rx="3" fill="rgba(248, 113, 113, 0.15)" stroke="#f87171" stroke-width="1"/>
424
- <text x="543" y="57" text-anchor="middle" fill="#f87171" font-size="8" font-weight="600" data-lang="fr">MODIFS</text>
425
- <text x="543" y="57" text-anchor="middle" fill="#f87171" font-size="8" font-weight="600" data-lang="en">CHANGES</text>
426
-
427
- <!-- Continue to HANDOFF -->
428
- <path d="M575,185 L605,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
429
-
430
- <!-- Phase 6: HANDOFF -->
431
- <g transform="translate(610, 165)" filter="url(#shadowH)">
432
- <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
433
- <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">6. HANDOFF</text>
434
- <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">Brief EN</text>
435
- </g>
436
- <path d="M740,185 L770,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
437
-
438
- <!-- Phase 7: DOC-HTML -->
439
- <g transform="translate(775, 165)" filter="url(#shadowH)">
440
- <rect x="0" y="0" width="130" height="40" rx="5" fill="#3b0764" stroke="#d946ef" stroke-width="2"/>
441
- <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">7. DOC-HTML</text>
442
- <text x="65" y="30" text-anchor="middle" fill="#e879f9" font-size="8">Documentation</text>
443
- </g>
444
- <path d="M905,185 L935,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
445
-
446
- <!-- /implement -->
447
- <g transform="translate(940, 171)" filter="url(#shadowH)">
448
- <rect x="0" y="0" width="80" height="28" rx="14" fill="#475569" stroke="#94a3b8" stroke-width="1"/>
449
- <text x="40" y="18" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="600">/implement</text>
450
- </g>
451
-
452
- <!-- Legend (bottom - horizontal layout) -->
453
- <g transform="translate(10, 265)">
454
- <text x="0" y="0" fill="#94a3b8" font-size="10" font-weight="700" data-lang="fr">Legende:</text>
455
- <text x="0" y="0" fill="#94a3b8" font-size="10" font-weight="700" data-lang="en">Legend:</text>
456
-
457
- <!-- WHAT -->
458
- <rect x="70" y="-9" width="14" height="10" rx="2" fill="#1e3a5f" stroke="#3b82f6" stroke-width="1"/>
459
- <text x="90" y="0" fill="#94a3b8" font-size="9" data-lang="fr">QUOI</text>
460
- <text x="90" y="0" fill="#94a3b8" font-size="9" data-lang="en">WHAT</text>
461
-
462
- <!-- HOW -->
463
- <rect x="150" y="-9" width="14" height="10" rx="2" fill="#134e4a" stroke="#0d9488" stroke-width="1"/>
464
- <text x="170" y="0" fill="#94a3b8" font-size="9" data-lang="fr">COMMENT</text>
465
- <text x="170" y="0" fill="#94a3b8" font-size="9" data-lang="en">HOW</text>
466
-
467
- <!-- DOC -->
468
- <rect x="250" y="-9" width="14" height="10" rx="2" fill="#3b0764" stroke="#d946ef" stroke-width="1"/>
469
- <text x="270" y="0" fill="#94a3b8" font-size="9">DOC</text>
470
-
471
- <!-- Flow -->
472
- <path d="M320,-4 L335,-4" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
473
- <text x="345" y="0" fill="#94a3b8" font-size="9">Flow</text>
474
-
475
- <!-- Loop -->
476
- <path d="M390,-4 L405,-4" stroke="#f87171" stroke-width="2" stroke-dasharray="4,2"/>
477
- <text x="415" y="0" fill="#94a3b8" font-size="9">Loop</text>
478
- </g>
479
-
480
- <!-- Output files (bottom right) -->
481
- <g transform="translate(500, 265)">
482
- <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="fr">Fichiers generes:</text>
483
- <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="en">Generated files:</text>
484
- <text x="130" y="0" fill="#94a3b8" font-size="8">01-business-requirements.md → 05-implementation-brief.md → 06-documentation.html</text>
485
- </g>
486
- </svg>
487
- </div>
488
- </section>
489
-
490
- <!-- The 8 Phases -->
491
- <section id="phases">
492
- <h2>
493
- <span data-lang="fr">Les 8 Phases</span>
494
- <span data-lang="en">The 8 Phases</span>
495
- </h2>
496
-
497
- <div class="table-container">
498
- <table>
499
- <thead>
500
- <tr>
501
- <th>#</th>
502
- <th>Phase</th>
503
- <th>
504
- <span data-lang="fr">Commande</span>
505
- <span data-lang="en">Command</span>
506
- </th>
507
- <th>
508
- <span data-lang="fr">Modele</span>
509
- <span data-lang="en">Model</span>
510
- </th>
511
- <th>Mission</th>
512
- <th>
513
- <span data-lang="fr">Fichier de sortie</span>
514
- <span data-lang="en">Output File</span>
515
- </th>
516
- </tr>
517
- </thead>
518
- <tbody>
519
- <tr style="background: rgba(139, 92, 246, 0.1);">
520
- <td><strong>0</strong></td>
521
- <td><strong>ORCHESTRATE</strong></td>
522
- <td><code>:0-orchestrate</code></td>
523
- <td>OPUS/ULTRATHINK</td>
524
- <td>
525
- <span data-lang="fr">Orchestration automatique complete</span>
526
- <span data-lang="en">Complete automatic orchestration</span>
527
- </td>
528
- <td>—</td>
529
- </tr>
530
- <tr style="background: rgba(59, 130, 246, 0.1);">
531
- <td><strong>1</strong></td>
532
- <td><strong>INIT</strong></td>
533
- <td><code>:1-init</code></td>
534
- <td>Haiku</td>
535
- <td>
536
- <span data-lang="fr">Initialiser la structure BA</span>
537
- <span data-lang="en">Initialize BA structure</span>
538
- </td>
539
- <td>—</td>
540
- </tr>
541
- <tr style="background: rgba(59, 130, 246, 0.1);">
542
- <td><strong>2</strong></td>
543
- <td><strong>DISCOVER</strong></td>
544
- <td><code>:2-discover</code></td>
545
- <td>OPUS/ULTRATHINK</td>
546
- <td>
547
- <span data-lang="fr">Elicitation + detection similarite</span>
548
- <span data-lang="en">Elicitation + similarity detection</span>
549
- </td>
550
- <td><code>01-business-requirements.md</code></td>
551
- </tr>
552
- <tr style="background: rgba(59, 130, 246, 0.1);">
553
- <td><strong>3</strong></td>
554
- <td><strong>ANALYSE</strong></td>
555
- <td><code>:3-analyse</code></td>
556
- <td>Sonnet/ULTRATHINK</td>
557
- <td>
558
- <span data-lang="fr">Synthese besoin + technique</span>
559
- <span data-lang="en">Merge need + technical context</span>
560
- </td>
561
- <td><code>02-enriched-requirements.md</code></td>
562
- </tr>
563
- <tr style="background: rgba(13, 148, 136, 0.1);">
564
- <td><strong>4</strong></td>
565
- <td><strong>SPECIFY</strong></td>
566
- <td><code>:4-specify</code></td>
567
- <td>Sonnet/ULTRATHINK</td>
568
- <td>
569
- <span data-lang="fr">Specification fonctionnelle (FRD)</span>
570
- <span data-lang="en">Functional specification (FRD)</span>
571
- </td>
572
- <td><code>03-functional-spec.md</code></td>
573
- </tr>
574
- <tr style="background: rgba(13, 148, 136, 0.1);">
575
- <td><strong>5</strong></td>
576
- <td><strong>VALIDATE</strong></td>
577
- <td><code>:5-validate</code></td>
578
- <td>Haiku</td>
579
- <td>
580
- <span data-lang="fr">Validation utilisateur (loop → 3)</span>
581
- <span data-lang="en">User validation (loop → 3)</span>
582
- </td>
583
- <td><code>04-feedback-v[N].md</code></td>
584
- </tr>
585
- <tr style="background: rgba(13, 148, 136, 0.1);">
586
- <td><strong>6</strong></td>
587
- <td><strong>HANDOFF</strong></td>
588
- <td><code>:6-handoff</code></td>
589
- <td>OPUS/ULTRATHINK</td>
590
- <td>
591
- <span data-lang="fr">Brief d'implementation (anglais)</span>
592
- <span data-lang="en">Implementation brief (English)</span>
593
- </td>
594
- <td><code>05-implementation-brief.md</code></td>
595
- </tr>
596
- <tr style="background: rgba(217, 70, 239, 0.1);">
597
- <td><strong>7</strong></td>
598
- <td><strong>DOC-HTML</strong></td>
599
- <td><code>:7-doc-html</code></td>
600
- <td>Sonnet</td>
601
- <td>
602
- <span data-lang="fr">Documentation HTML auto-generee</span>
603
- <span data-lang="en">Auto-generated HTML documentation</span>
604
- </td>
605
- <td><code>06-documentation.html</code></td>
606
- </tr>
607
- </tbody>
608
- </table>
609
- </div>
610
- </section>
611
-
612
- <!-- Phase 0: Orchestrate -->
613
- <section id="phase-0">
614
- <h2>Phase 0: ORCHESTRATE</h2>
615
- <div class="command-card">
616
- <div class="command-header">
617
- <code class="command-name">/business-analyse:0-orchestrate</code>
618
- <span class="badge badge-purple">OPUS/ULTRATHINK</span>
619
- </div>
620
- <div class="command-body">
621
- <p data-lang="fr">
622
- <strong>Mission</strong> : Orchestrer automatiquement l'execution de toutes les phases successives du workflow Business Analyse, de la decouverte a la documentation.
623
- </p>
624
- <p data-lang="en">
625
- <strong>Mission</strong>: Automatically orchestrate execution of all successive phases from discovery to documentation.
626
- </p>
627
-
628
- <div class="code-block">
629
- <button class="copy-btn">Copy</button>
630
- <pre><code># Full orchestration
631
- /business-analyse:0-orchestrate [feature-name]
632
-
633
- # With granularity level
634
- /business-analyse:0-orchestrate [feature-name] --granularity=muscles
635
- /business-analyse:0-orchestrate [feature-name] --granularity=section
636
- /business-analyse:0-orchestrate [feature-name] --granularity=resources</code></pre>
637
- </div>
638
-
639
- <h4 data-lang="fr">Orchestration automatique</h4>
640
- <h4 data-lang="en">Automatic Orchestration</h4>
641
- <ul>
642
- <li data-lang="fr">Lance Phase 1 (INIT) pour preparer la structure</li>
643
- <li data-lang="en">Launches Phase 1 (INIT) to prepare structure</li>
644
- <li data-lang="fr">Lance Phase 2 (DISCOVER) avec elicitation et similarite</li>
645
- <li data-lang="en">Launches Phase 2 (DISCOVER) with elicitation and similarity</li>
646
- <li data-lang="fr">Lance Phase 3 (ANALYSE) pour analyser le besoin</li>
647
- <li data-lang="en">Launches Phase 3 (ANALYSE) to analyze need</li>
648
- <li data-lang="fr">Lance Phase 4 (SPECIFY) pour generer le FRD</li>
649
- <li data-lang="en">Launches Phase 4 (SPECIFY) to generate FRD</li>
650
- <li data-lang="fr">Lance Phase 5 (VALIDATE) pour validation utilisateur</li>
651
- <li data-lang="en">Launches Phase 5 (VALIDATE) for user validation</li>
652
- <li data-lang="fr">Lance Phase 6 (HANDOFF) pour le brief d'implementation</li>
653
- <li data-lang="en">Launches Phase 6 (HANDOFF) for implementation brief</li>
654
- <li data-lang="fr">Lance Phase 7 (DOC-HTML) pour generer la documentation</li>
655
- <li data-lang="en">Launches Phase 7 (DOC-HTML) to generate documentation</li>
656
- </ul>
657
-
658
- <div class="alert alert-info">
659
- <span class="alert-icon">&#128161;</span>
660
- <div class="alert-content">
661
- <p data-lang="fr">
662
- Phase 0 facilite l'orchestration complete du workflow. Pour un controle granulaire, utilisez les phases individuelles (1-7).
663
- </p>
664
- <p data-lang="en">
665
- Phase 0 facilitates complete workflow orchestration. For granular control, use individual phases (1-7).
666
- </p>
667
- </div>
668
- </div>
669
- </div>
670
- </div>
671
- </section>
672
-
673
- <!-- Phase 1: Init -->
674
- <section id="phase-1">
675
- <h2>Phase 1: INIT</h2>
676
- <div class="command-card">
677
- <div class="command-header">
678
- <code class="command-name">/business-analyse:1-init</code>
679
- <span class="badge badge-blue">Haiku</span>
680
- </div>
681
- <div class="command-body">
682
- <p data-lang="fr">
683
- <strong>Mission</strong> : Initialiser la structure du dossier Business Analyse avec les fichiers de base et la configuration.
684
- </p>
685
- <p data-lang="en">
686
- <strong>Mission</strong>: Initialize Business Analyse folder structure with base files and configuration.
687
- </p>
688
-
689
- <div class="code-block">
690
- <button class="copy-btn">Copy</button>
691
- <pre><code>/business-analyse:1-init [feature-name]</code></pre>
692
- </div>
693
-
694
- <h4 data-lang="fr">Structure creee</h4>
695
- <h4 data-lang="en">Created Structure</h4>
696
- <ul>
697
- <li data-lang="fr">Dossier <code>.claude/ba/[feature-name]/</code></li>
698
- <li data-lang="en">Folder <code>.claude/ba/[feature-name]/</code></li>
699
- <li data-lang="fr">Fichiers de template pour chaque phase</li>
700
- <li data-lang="en">Template files for each phase</li>
701
- <li data-lang="fr">Configuration et metadata</li>
702
- <li data-lang="en">Configuration and metadata</li>
703
- </ul>
704
- </div>
705
- </div>
706
- </section>
707
-
708
- <!-- Phase 2: Discover -->
709
- <section id="phase-2">
710
- <h2>Phase 2: DISCOVER</h2>
711
- <div class="command-card">
712
- <div class="command-header">
713
- <code class="command-name">/business-analyse:2-discover</code>
714
- <span class="badge badge-blue">OPUS/ULTRATHINK</span>
715
- </div>
716
- <div class="command-body">
717
- <p data-lang="fr">
718
- <strong>Mission</strong> : Comprendre le vrai besoin utilisateur avant toute exploration technique.
719
- </p>
720
- <p data-lang="en">
721
- <strong>Mission</strong>: Understand the real user need before any technical exploration.
722
- </p>
723
-
724
- <h4 data-lang="fr">Etapes</h4>
725
- <h4 data-lang="en">Steps</h4>
726
- <ol>
727
- <li data-lang="fr"><strong>Similarity Check</strong> : Lance l'agent <code>ba-similarity</code> pour detecter les doublons</li>
728
- <li data-lang="en"><strong>Similarity Check</strong>: Launches <code>ba-similarity</code> agent to detect duplicates</li>
729
- <li data-lang="fr"><strong>Elicitation</strong> : Pose des questions ciblees (max 5)</li>
730
- <li data-lang="en"><strong>Elicitation</strong>: Asks targeted questions (max 5)</li>
731
- <li data-lang="fr"><strong>Business Requirements</strong> : Formalise le besoin en langage utilisateur</li>
732
- <li data-lang="en"><strong>Business Requirements</strong>: Formalizes need in user language</li>
733
- </ol>
734
-
735
- <div class="code-block">
736
- <button class="copy-btn">Copy</button>
737
- <pre><code>/business-analyse:2-discover Je veux pouvoir exporter mes donnees clients</code></pre>
738
- </div>
739
-
740
- <h4>
741
- <span data-lang="fr">Resultats de similarite</span>
742
- <span data-lang="en">Similarity Results</span>
743
- </h4>
744
- <table class="reference-table">
745
- <thead>
746
- <tr>
747
- <th>
748
- <span data-lang="fr">Resultat</span>
749
- <span data-lang="en">Result</span>
750
- </th>
751
- <th>Action</th>
752
- </tr>
753
- </thead>
754
- <tbody>
755
- <tr>
756
- <td><strong>DUPLICATE</strong></td>
757
- <td>
758
- <span data-lang="fr">STOP - Reference spec existante</span>
759
- <span data-lang="en">STOP - Reference existing spec</span>
760
- </td>
761
- </tr>
762
- <tr>
763
- <td><strong>EXTEND</strong></td>
764
- <td>
765
- <span data-lang="fr">Note feature existante a etendre</span>
766
- <span data-lang="en">Note existing feature to extend</span>
767
- </td>
768
- </tr>
769
- <tr>
770
- <td><strong>NEW</strong></td>
771
- <td>
772
- <span data-lang="fr">Proceder normalement</span>
773
- <span data-lang="en">Proceed normally</span>
774
- </td>
775
- </tr>
776
- </tbody>
777
- </table>
778
- </div>
779
- </div>
780
- </section>
781
-
782
- <!-- Phase 3: Analyse -->
783
- <section id="phase-3">
784
- <h2>Phase 3: ANALYSE</h2>
785
- <div class="command-card">
786
- <div class="command-header">
787
- <code class="command-name">/business-analyse:3-analyse</code>
788
- <span class="badge badge-blue">Sonnet/ULTRATHINK</span>
789
- </div>
790
- <div class="command-body">
791
- <p data-lang="fr">
792
- <strong>Mission</strong> : Fusionner le besoin utilisateur avec le contexte technique. Identifier les gaps et conflits.
793
- </p>
794
- <p data-lang="en">
795
- <strong>Mission</strong>: Merge user need with technical context. Identify gaps and conflicts.
796
- </p>
797
-
798
- <div class="code-block">
799
- <button class="copy-btn">Copy</button>
800
- <pre><code>/business-analyse:3-analyse [feature-name]</code></pre>
801
- </div>
802
-
803
- <h4 data-lang="fr">Analyse des gaps</h4>
804
- <h4 data-lang="en">Gap Analysis</h4>
805
- <ul>
806
- <li data-lang="fr"><strong>Feasibility Check</strong> : Ce que l'utilisateur veut vs ce que le systeme peut faire</li>
807
- <li data-lang="en"><strong>Feasibility Check</strong>: What user wants vs what system can do</li>
808
- <li data-lang="fr"><strong>Conflicts</strong> : Contradictions entre besoin et contraintes techniques</li>
809
- <li data-lang="en"><strong>Conflicts</strong>: Contradictions between need and technical constraints</li>
810
- <li data-lang="fr"><strong>Opportunities</strong> : Features existantes qui peuvent aider</li>
811
- <li data-lang="en"><strong>Opportunities</strong>: Existing features that can help</li>
812
- </ul>
813
-
814
- <div class="alert alert-warning">
815
- <span class="alert-icon">&#9888;</span>
816
- <div class="alert-content">
817
- <p data-lang="fr">
818
- Si des gaps ou conflits existent, des <strong>questions ciblees</strong> sont posees a l'utilisateur avant de continuer.
819
- </p>
820
- <p data-lang="en">
821
- If gaps or conflicts exist, <strong>targeted questions</strong> are asked to the user before continuing.
822
- </p>
823
- </div>
824
- </div>
825
- </div>
826
- </div>
827
- </section>
828
-
829
- <!-- Phase 4: Specify -->
830
- <section id="phase-4">
831
- <h2>Phase 4: SPECIFY</h2>
832
- <div class="command-card">
833
- <div class="command-header">
834
- <code class="command-name">/business-analyse:4-specify</code>
835
- <span class="badge badge-teal">Sonnet/ULTRATHINK</span>
836
- </div>
837
- <div class="command-body">
838
- <p data-lang="fr">
839
- <strong>Mission</strong> : Produire le FRD (Functional Requirements Document) detaille pour validation humaine.
840
- </p>
841
- <p data-lang="en">
842
- <strong>Mission</strong>: Produce detailed FRD (Functional Requirements Document) for human validation.
843
- </p>
844
-
845
- <div class="code-block">
846
- <button class="copy-btn">Copy</button>
847
- <pre><code># Generate specification
848
- /business-analyse:4-specify [feature-name]
849
-
850
- # With HTML mockup
851
- /business-analyse:4-specify [feature-name] --mockup
852
-
853
- # With PlantUML diagrams
854
- /business-analyse:4-specify [feature-name] --plantuml</code></pre>
855
- </div>
856
-
857
- <h4>
858
- <span data-lang="fr">Sections dynamiques</span>
859
- <span data-lang="en">Dynamic sections</span>
860
- </h4>
861
- <table class="reference-table">
862
- <thead>
863
- <tr>
864
- <th>Section</th>
865
- <th>
866
- <span data-lang="fr">Incluse quand</span>
867
- <span data-lang="en">Included when</span>
868
- </th>
869
- </tr>
870
- </thead>
871
- <tbody>
872
- <tr>
873
- <td>Context</td>
874
- <td>
875
- <span data-lang="fr">Toujours</span>
876
- <span data-lang="en">Always</span>
877
- </td>
878
- </tr>
879
- <tr>
880
- <td>Functional Requirements</td>
881
- <td>
882
- <span data-lang="fr">Toujours</span>
883
- <span data-lang="en">Always</span>
884
- </td>
885
- </tr>
886
- <tr>
887
- <td>Data Model</td>
888
- <td>
889
- <span data-lang="fr">Changements DB</span>
890
- <span data-lang="en">DB changes</span>
891
- </td>
892
- </tr>
893
- <tr>
894
- <td>UI Specification</td>
895
- <td>
896
- <span data-lang="fr">Changements UI</span>
897
- <span data-lang="en">UI changes</span>
898
- </td>
899
- </tr>
900
- <tr>
901
- <td>Navigation</td>
902
- <td>
903
- <span data-lang="fr">Nouvelle page</span>
904
- <span data-lang="en">New page</span>
905
- </td>
906
- </tr>
907
- <tr>
908
- <td>Permissions</td>
909
- <td>
910
- <span data-lang="fr">Nouvelles permissions</span>
911
- <span data-lang="en">New permissions</span>
912
- </td>
913
- </tr>
914
- <tr>
915
- <td>User Flow</td>
916
- <td>
917
- <span data-lang="fr">Workflow complexe</span>
918
- <span data-lang="en">Complex workflow</span>
919
- </td>
920
- </tr>
921
- <tr>
922
- <td>API Specification</td>
923
- <td>
924
- <span data-lang="fr">Changements backend</span>
925
- <span data-lang="en">Backend changes</span>
926
- </td>
927
- </tr>
928
- <tr>
929
- <td>Acceptance Criteria</td>
930
- <td>
931
- <span data-lang="fr">Toujours</span>
932
- <span data-lang="en">Always</span>
933
- </td>
934
- </tr>
935
- </tbody>
936
- </table>
937
-
938
- <h4>Options</h4>
939
- <table class="reference-table">
940
- <thead>
941
- <tr>
942
- <th>Option</th>
943
- <th>
944
- <span data-lang="fr">Effet</span>
945
- <span data-lang="en">Effect</span>
946
- </th>
947
- <th>Tokens</th>
948
- </tr>
949
- </thead>
950
- <tbody>
951
- <tr>
952
- <td><code>--mockup</code></td>
953
- <td>
954
- <span data-lang="fr">Maquette HTML avec CSS projet</span>
955
- <span data-lang="en">HTML mockup with project CSS</span>
956
- </td>
957
- <td>+2,000</td>
958
- </tr>
959
- <tr>
960
- <td><code>--plantuml</code></td>
961
- <td>
962
- <span data-lang="fr">Diagrammes ER/sequence</span>
963
- <span data-lang="en">ER/sequence diagrams</span>
964
- </td>
965
- <td>+800</td>
966
- </tr>
967
- </tbody>
968
- </table>
969
- </div>
970
- </div>
971
- </section>
972
-
973
- <!-- Phase 5: Validate -->
974
- <section id="phase-5">
975
- <h2>Phase 5: VALIDATE</h2>
976
- <div class="command-card">
977
- <div class="command-header">
978
- <code class="command-name">/business-analyse:5-validate</code>
979
- <span class="badge badge-teal">Haiku</span>
980
- </div>
981
- <div class="command-body">
982
- <p data-lang="fr">
983
- <strong>Mission</strong> : Presenter le FRD a l'utilisateur et collecter son feedback.
984
- </p>
985
- <p data-lang="en">
986
- <strong>Mission</strong>: Present FRD to user and collect feedback.
987
- </p>
988
-
989
- <div class="code-block">
990
- <button class="copy-btn">Copy</button>
991
- <pre><code>/business-analyse:5-validate [feature-name]</code></pre>
992
- </div>
993
-
994
- <h4>
995
- <span data-lang="fr">Options de validation</span>
996
- <span data-lang="en">Validation Options</span>
997
- </h4>
998
- <table class="reference-table">
999
- <thead>
1000
- <tr>
1001
- <th>Option</th>
1002
- <th>Action</th>
1003
- </tr>
1004
- </thead>
1005
- <tbody>
1006
- <tr style="background: rgba(34, 197, 94, 0.1);">
1007
- <td><strong>APPROVED</strong></td>
1008
- <td>
1009
- <span data-lang="fr">Passer a Phase 6 (Handoff)</span>
1010
- <span data-lang="en">Proceed to Phase 6 (Handoff)</span>
1011
- </td>
1012
- </tr>
1013
- <tr style="background: rgba(234, 179, 8, 0.1);">
1014
- <td><strong>MINOR CHANGES</strong></td>
1015
- <td>
1016
- <span data-lang="fr">Modifications directes dans le FRD</span>
1017
- <span data-lang="en">Direct modifications in FRD</span>
1018
- </td>
1019
- </tr>
1020
- <tr style="background: rgba(239, 68, 68, 0.1);">
1021
- <td><strong>MAJOR CHANGES</strong></td>
1022
- <td>
1023
- <span data-lang="fr">Retour a Phase 3 (Analyse)</span>
1024
- <span data-lang="en">Return to Phase 3 (Analyse)</span>
1025
- </td>
1026
- </tr>
1027
- <tr style="background: rgba(107, 114, 128, 0.1);">
1028
- <td><strong>REJECTED</strong></td>
1029
- <td>
1030
- <span data-lang="fr">Archiver et recommencer</span>
1031
- <span data-lang="en">Archive and start over</span>
1032
- </td>
1033
- </tr>
1034
- </tbody>
1035
- </table>
1036
-
1037
- <div class="alert alert-info">
1038
- <span class="alert-icon">&#128260;</span>
1039
- <div class="alert-content">
1040
- <h5 data-lang="fr">Boucle de validation</h5>
1041
- <h5 data-lang="en">Validation Loop</h5>
1042
- <p data-lang="fr">
1043
- En cas de <strong>MAJOR CHANGES</strong>, le workflow retourne a la Phase 3 pour re-analyser avec les nouvelles informations.
1044
- </p>
1045
- <p data-lang="en">
1046
- On <strong>MAJOR CHANGES</strong>, the workflow returns to Phase 3 to re-analyze with new information.
1047
- </p>
1048
- </div>
1049
- </div>
1050
- </div>
1051
- </div>
1052
- </section>
1053
-
1054
- <!-- Phase 6: Handoff -->
1055
- <section id="phase-6">
1056
- <h2>Phase 6: HANDOFF</h2>
1057
- <div class="command-card">
1058
- <div class="command-header">
1059
- <code class="command-name">/business-analyse:6-handoff</code>
1060
- <span class="badge badge-teal">OPUS/ULTRATHINK</span>
1061
- </div>
1062
- <div class="command-body">
1063
- <p data-lang="fr">
1064
- <strong>Mission</strong> : Transformer le FRD valide en brief d'implementation pour Claude Code. Le brief est genere en <strong>anglais</strong> pour optimiser les tokens et la comprehension du modele.
1065
- </p>
1066
- <p data-lang="en">
1067
- <strong>Mission</strong>: Transform validated FRD into implementation brief for Claude Code. The brief is generated in <strong>English</strong> to optimize tokens and model comprehension.
1068
- </p>
1069
-
1070
- <div class="code-block">
1071
- <button class="copy-btn">Copy</button>
1072
- <pre><code>/business-analyse:6-handoff [feature-name]</code></pre>
1073
- </div>
1074
-
1075
- <h4 data-lang="fr">Format de sortie (diff-like)</h4>
1076
- <h4 data-lang="en">Output format (diff-like)</h4>
1077
-
1078
- <div class="code-block">
1079
- <button class="copy-btn">Copy</button>
1080
- <pre><code># IMPLEMENTATION BRIEF: [Feature Name]
1081
-
1082
- ## Files
1083
-
1084
- ### Backend
1085
-
1086
- CREATE `src/Domain/Entities/Feature.cs`
1087
- COPY: `src/Domain/Entities/User.cs`
1088
- CHANGE: class name, properties per spec
1089
-
1090
- MODIFY `src/Infrastructure/Data/AppDbContext.cs`
1091
- AT: line 45
1092
- ADD: `public DbSet&lt;Feature&gt; Features =&gt; Set&lt;Feature&gt;();`
1093
-
1094
- ### Frontend
1095
-
1096
- CREATE `src/app/module/feature/feature.component.ts`
1097
- RUN FIRST: `ng generate component module/feature`
1098
- COPY PATTERN: `src/app/existing/existing.component.ts`
1099
-
1100
- ## Commands
1101
-
1102
- ```bash
1103
- dotnet build src/Api
1104
- dotnet ef migrations add AddFeatureTable
1105
- npm run build
1106
- npm run lint
1107
- ```
1108
-
1109
- ## Verify
1110
-
1111
- - [ ] Build passes
1112
- - [ ] Navigate to /feature works
1113
- - [ ] CRUD operations work</code></pre>
1114
- </div>
1115
-
1116
- <div class="alert alert-success">
1117
- <span class="alert-icon">&#128640;</span>
1118
- <div class="alert-content">
1119
- <h5 data-lang="fr">Pret pour implementation</h5>
1120
- <h5 data-lang="en">Ready for implementation</h5>
1121
- <p data-lang="fr">
1122
- Le brief peut etre passe directement a <code>/implement</code> pour une execution oneshot.
1123
- </p>
1124
- <p data-lang="en">
1125
- The brief can be passed directly to <code>/implement</code> for oneshot execution.
1126
- </p>
1127
- <div class="code-block" style="margin-top: 0.5rem;">
1128
- <pre><code>/implement .claude/ba/[feature]/06-implementation-brief.md</code></pre>
1129
- </div>
1130
- </div>
1131
- </div>
1132
- </div>
1133
- </div>
1134
- </section>
1135
-
1136
- <!-- Phase 7: Doc-HTML -->
1137
- <section id="phase-7">
1138
- <h2>Phase 7: DOC-HTML</h2>
1139
- <div class="command-card">
1140
- <div class="command-header">
1141
- <code class="command-name">/business-analyse:7-doc-html</code>
1142
- <span class="badge badge-purple">Sonnet</span>
1143
- </div>
1144
- <div class="command-body">
1145
- <p data-lang="fr">
1146
- <strong>Mission</strong> : Generer une documentation HTML auto-generee et polishe a partir de tous les fichiers du workflow Business Analyse.
1147
- </p>
1148
- <p data-lang="en">
1149
- <strong>Mission</strong>: Generate polished auto-generated HTML documentation from all Business Analyse workflow files.
1150
- </p>
1151
-
1152
- <div class="code-block">
1153
- <button class="copy-btn">Copy</button>
1154
- <pre><code># Generate documentation
1155
- /business-analyse:7-doc-html [feature-name]
1156
-
1157
- # With specific template
1158
- /business-analyse:7-doc-html [feature-name] --template=standard
1159
- /business-analyse:7-doc-html [feature-name] --template=detailed
1160
- /business-analyse:7-doc-html [feature-name] --template=minimal</code></pre>
1161
- </div>
1162
-
1163
- <h4 data-lang="fr">Documentation generee</h4>
1164
- <h4 data-lang="en">Generated Documentation</h4>
1165
- <ul>
1166
- <li data-lang="fr">Resume executif de la feature</li>
1167
- <li data-lang="en">Feature executive summary</li>
1168
- <li data-lang="fr">Specifications fonctionnelles validees</li>
1169
- <li data-lang="en">Validated functional specifications</li>
1170
- <li data-lang="fr">Architecture et design decisions</li>
1171
- <li data-lang="en">Architecture and design decisions</li>
1172
- <li data-lang="fr">Guide d'implementation</li>
1173
- <li data-lang="en">Implementation guide</li>
1174
- <li data-lang="fr">Historique complet du workflow</li>
1175
- <li data-lang="en">Complete workflow history</li>
1176
- </ul>
1177
-
1178
- <div class="alert alert-success">
1179
- <span class="alert-icon">&#128196;</span>
1180
- <div class="alert-content">
1181
- <h5 data-lang="fr">Documentation persistante</h5>
1182
- <h5 data-lang="en">Persistent Documentation</h5>
1183
- <p data-lang="fr">
1184
- Le fichier HTML est stocke dans <code>.claude/ba/[feature]/06-documentation.html</code> pour reference et partage futur.
1185
- </p>
1186
- <p data-lang="en">
1187
- The HTML file is stored in <code>.claude/ba/[feature]/06-documentation.html</code> for future reference and sharing.
1188
- </p>
1189
- </div>
1190
- </div>
1191
- </div>
1192
- </div>
1193
- </section>
1194
-
1195
- <!-- Utilities -->
1196
- <section id="utilities">
1197
- <h2>
1198
- <span data-lang="fr">Commandes Utilitaires</span>
1199
- <span data-lang="en">Utility Commands</span>
1200
- </h2>
1201
-
1202
- <div class="command-card">
1203
- <div class="command-header">
1204
- <code class="command-name">/business-analyse:bug</code>
1205
- <span class="badge badge-red">Bug Fix</span>
1206
- </div>
1207
- <div class="command-body">
1208
- <p data-lang="fr">
1209
- Documenter et specifier une correction de bug de maniere formelle.
1210
- </p>
1211
- <p data-lang="en">
1212
- Document and formally specify a bug fix.
1213
- </p>
1214
- <div class="code-block">
1215
- <button class="copy-btn">Copy</button>
1216
- <pre><code>/business-analyse:bug [bug-description]</code></pre>
1217
- </div>
1218
- </div>
1219
- </div>
1220
-
1221
- <div class="command-card">
1222
- <div class="command-header">
1223
- <code class="command-name">/business-analyse:hotfix</code>
1224
- <span class="badge badge-red">Hotfix</span>
1225
- </div>
1226
- <div class="command-body">
1227
- <p data-lang="fr">
1228
- Documenter une correction urgente de maniere legere et rapide.
1229
- </p>
1230
- <p data-lang="en">
1231
- Document an urgent fix in a lightweight and fast way.
1232
- </p>
1233
- <div class="code-block">
1234
- <button class="copy-btn">Copy</button>
1235
- <pre><code>/business-analyse:hotfix [fix-description]</code></pre>
1236
- </div>
1237
- </div>
1238
- </div>
1239
-
1240
- <div class="command-card">
1241
- <div class="command-header">
1242
- <code class="command-name">/business-analyse:change-request</code>
1243
- <span class="badge badge-blue">Change</span>
1244
- </div>
1245
- <div class="command-body">
1246
- <p data-lang="fr">
1247
- Documenter une demande de changement formal pendant le developpement.
1248
- </p>
1249
- <p data-lang="en">
1250
- Document a formal change request during development.
1251
- </p>
1252
- <div class="code-block">
1253
- <button class="copy-btn">Copy</button>
1254
- <pre><code>/business-analyse:change-request [change-description]</code></pre>
1255
- </div>
1256
- </div>
1257
- </div>
1258
- </section>
1259
-
1260
- <!-- Agents -->
1261
- <section id="agents">
1262
- <h2>
1263
- <span data-lang="fr">Agents specialises</span>
1264
- <span data-lang="en">Specialized Agents</span>
1265
- </h2>
1266
-
1267
- <table class="reference-table">
1268
- <thead>
1269
- <tr>
1270
- <th>Agent</th>
1271
- <th>Mission</th>
1272
- <th>
1273
- <span data-lang="fr">Utilise en</span>
1274
- <span data-lang="en">Used in</span>
1275
- </th>
1276
- </tr>
1277
- </thead>
1278
- <tbody>
1279
- <tr style="background: rgba(139, 92, 246, 0.1);">
1280
- <td><code>ba-similarity</code></td>
1281
- <td>
1282
- <span data-lang="fr">Detecte les features similaires ou doublons</span>
1283
- <span data-lang="en">Detects similar features or duplicates</span>
1284
- </td>
1285
- <td>Phase 2</td>
1286
- </tr>
1287
- <tr>
1288
- <td><code>explore-api</code></td>
1289
- <td>
1290
- <span data-lang="fr">Endpoints, controllers, DTOs, patterns API</span>
1291
- <span data-lang="en">Endpoints, controllers, DTOs, API patterns</span>
1292
- </td>
1293
- <td>Phase 3</td>
1294
- </tr>
1295
- <tr>
1296
- <td><code>explore-schema</code></td>
1297
- <td>
1298
- <span data-lang="fr">Schema DB, entites, configurations</span>
1299
- <span data-lang="en">DB schema, entities, configurations</span>
1300
- </td>
1301
- <td>Phase 3</td>
1302
- </tr>
1303
- <tr>
1304
- <td><code>explore-permissions</code></td>
1305
- <td>
1306
- <span data-lang="fr">RBAC, roles, autorisations</span>
1307
- <span data-lang="en">RBAC, roles, authorizations</span>
1308
- </td>
1309
- <td>Phase 3</td>
1310
- </tr>
1311
- <tr>
1312
- <td><code>explore-navigation</code></td>
1313
- <td>
1314
- <span data-lang="fr">Menus, routes, pages</span>
1315
- <span data-lang="en">Menus, routes, pages</span>
1316
- </td>
1317
- <td>Phase 3</td>
1318
- </tr>
1319
- <tr>
1320
- <td><code>explore-theme</code></td>
1321
- <td>
1322
- <span data-lang="fr">UI patterns, composants, design system</span>
1323
- <span data-lang="en">UI patterns, components, design system</span>
1324
- </td>
1325
- <td>Phase 3</td>
1326
- </tr>
1327
- </tbody>
1328
- </table>
1329
- </section>
1330
-
1331
- <!-- Files -->
1332
- <section id="files">
1333
- <h2>
1334
- <span data-lang="fr">Structure des fichiers</span>
1335
- <span data-lang="en">File Structure</span>
1336
- </h2>
1337
-
1338
- <div class="code-block">
1339
- <button class="copy-btn">Copy</button>
1340
- <pre><code>.claude/ba/
1341
- └── [feature-name]/
1342
- ├── 01-business-requirements.md # Phase 2: DISCOVER
1343
- ├── 02-enriched-requirements.md # Phase 3: ANALYSE
1344
- ├── 03-functional-spec.md # Phase 4: SPECIFY
1345
- ├── 04-feedback-v1.md # Phase 5: VALIDATE (si changes)
1346
- ├── 04-feedback-v2.md # (iterations)
1347
- ├── 05-implementation-brief.md # Phase 6: HANDOFF
1348
- └── 06-documentation.html # Phase 7: DOC-HTML</code></pre>
1349
- </div>
1350
-
1351
- <div class="table-container">
1352
- <table>
1353
- <thead>
1354
- <tr>
1355
- <th>
1356
- <span data-lang="fr">Fichier</span>
1357
- <span data-lang="en">File</span>
1358
- </th>
1359
- <th>
1360
- <span data-lang="fr">Genere par</span>
1361
- <span data-lang="en">Generated by</span>
1362
- </th>
1363
- <th>
1364
- <span data-lang="fr">Lu par</span>
1365
- <span data-lang="en">Read by</span>
1366
- </th>
1367
- </tr>
1368
- </thead>
1369
- <tbody>
1370
- <tr>
1371
- <td><code>01-business-requirements.md</code></td>
1372
- <td>Phase 2</td>
1373
- <td>Phase 3, 4</td>
1374
- </tr>
1375
- <tr>
1376
- <td><code>02-enriched-requirements.md</code></td>
1377
- <td>Phase 3</td>
1378
- <td>Phase 4</td>
1379
- </tr>
1380
- <tr>
1381
- <td><code>03-functional-spec.md</code></td>
1382
- <td>Phase 4</td>
1383
- <td>
1384
- <span data-lang="fr">Humain (validation), Phase 6</span>
1385
- <span data-lang="en">Human (validation), Phase 6</span>
1386
- </td>
1387
- </tr>
1388
- <tr>
1389
- <td><code>04-feedback-v[N].md</code></td>
1390
- <td>Phase 5</td>
1391
- <td>Phase 4 (iterations)</td>
1392
- </tr>
1393
- <tr>
1394
- <td><code>05-implementation-brief.md</code></td>
1395
- <td>Phase 6</td>
1396
- <td><code>/implement</code></td>
1397
- </tr>
1398
- <tr>
1399
- <td><code>06-documentation.html</code></td>
1400
- <td>Phase 7</td>
1401
- <td>
1402
- <span data-lang="fr">Reference et partage</span>
1403
- <span data-lang="en">Reference &amp; sharing</span>
1404
- </td>
1405
- </tr>
1406
- </tbody>
1407
- </table>
1408
- </div>
1409
- </section>
1410
-
1411
- <!-- Complete Example -->
1412
- <section id="example">
1413
- <h2>
1414
- <span data-lang="fr">Exemple complet</span>
1415
- <span data-lang="en">Complete Example</span>
1416
- </h2>
1417
-
1418
- <div class="code-block">
1419
- <button class="copy-btn">Copy</button>
1420
- <pre><code># Option 1: Mode automatique complet
1421
- /business-analyse Je veux gerer les utilisateurs avec des roles
1422
-
1423
- # → Phase 0 orchestre tout automatiquement
1424
- # → Phases 1-7 s'executent en sequence
1425
- # → Cree tous les fichiers et la documentation
1426
-
1427
- ---
1428
-
1429
- # Option 2: Phases individuelles pour plus de controle
1430
-
1431
- # Phase 1: Initialiser la structure
1432
- /business-analyse:1-init user-management
1433
-
1434
- # Phase 2: Decouvrir le besoin
1435
- /business-analyse:2-discover Je veux gerer les utilisateurs avec des roles
1436
-
1437
- # → Questions d'elicitation posees
1438
- # → Agent ba-similarity verifie les doublons
1439
- # → Cree: .claude/ba/user-management/01-business-requirements.md
1440
-
1441
- # Phase 3: Analyser et enrichir
1442
- /business-analyse:3-analyse user-management
1443
-
1444
- # → Fusionne besoin + contexte technique
1445
- # → Identifie gaps et conflits
1446
- # → Cree: .claude/ba/user-management/02-enriched-requirements.md
1447
-
1448
- # Phase 4: Specifier (FRD)
1449
- /business-analyse:4-specify user-management --plantuml
1450
-
1451
- # → Genere le FRD complet avec diagrammes
1452
- # → Cree: .claude/ba/user-management/03-functional-spec.md
1453
-
1454
- # Phase 5: Valider avec l'utilisateur
1455
- /business-analyse:5-validate user-management
1456
-
1457
- # → Presente resume pour validation
1458
- # → Si APPROVED → Phase 6
1459
- # → Si MAJOR CHANGES → Retour Phase 3
1460
-
1461
- # Phase 6: Generer le brief d'implementation
1462
- /business-analyse:6-handoff user-management
1463
-
1464
- # → Transforme FRD en brief diff-like (anglais)
1465
- # → Cree: .claude/ba/user-management/04-implementation-brief.md
1466
-
1467
- # Phase 7: Generer la documentation
1468
- /business-analyse:7-doc-html user-management
1469
-
1470
- # → Genere documentation HTML polishe
1471
- # → Cree: .claude/ba/user-management/05-documentation.html
1472
-
1473
- # Implementation
1474
- /implement .claude/ba/user-management/04-implementation-brief.md
1475
-
1476
- # → Claude Code execute le brief en oneshot</code></pre>
1477
- </div>
1478
-
1479
- <div class="alert alert-info">
1480
- <span class="alert-icon">&#127919;</span>
1481
- <div class="alert-content">
1482
- <h5 data-lang="fr">Conseil</h5>
1483
- <h5 data-lang="en">Pro Tip</h5>
1484
- <p data-lang="fr">
1485
- Les fichiers dans <code>.claude/ba/</code> constituent un historique precieux. Conservez-les pour documenter les evolutions futures et faciliter la maintenance.
1486
- </p>
1487
- <p data-lang="en">
1488
- Files in <code>.claude/ba/</code> are valuable history. Keep them to document future evolutions and facilitate maintenance.
1489
- </p>
1490
- </div>
1491
- </div>
1492
- </section>
1493
-
1494
- </div>
1495
- </main>
1496
- </div>
1497
- </div>
1498
-
1499
- <script src="js/app.js"></script>
1500
- </body>
1501
- </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>Business Analyse - SmartStack CLI</title>
7
+ <link rel="stylesheet" href="css/styles.css">
8
+ </head>
9
+ <body>
10
+ <div class="app-container">
11
+ <!-- Global Header -->
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">Business Analyse</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 data-lang="fr">Workflows</span>
25
+ <span data-lang="en">Workflows</span>
26
+ <span class="breadcrumb-separator">&#8250;</span>
27
+ <span class="breadcrumb-current">Business Analyse</span>
28
+ </nav>
29
+ <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
30
+ <option value="fr">FR</option>
31
+ <option value="en">EN</option>
32
+ </select>
33
+ <div class="header-search">
34
+ <div class="search-input-wrapper">
35
+ <span class="search-icon">&#128269;</span>
36
+ <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
37
+ <span class="search-shortcut">Ctrl+K</span>
38
+ </div>
39
+ <div id="search-results" class="search-results"></div>
40
+ </div>
41
+ </header>
42
+
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">
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="ralph-loop.html" class="nav-item">
87
+ <span class="icon">&#128260;</span>
88
+ <span class="nav-text">Ralph Loop</span>
89
+ </a>
90
+ <div class="nav-item-with-toc">
91
+ <a href="business-analyse.html" class="active">
92
+ <span class="icon">&#128202;</span>
93
+ <span class="nav-text">Business Analyse</span>
94
+ <button class="toc-toggle">&#9654;</button>
95
+ </a>
96
+ <nav class="sidebar-toc">
97
+ <a href="#introduction" class="sidebar-toc-link">Introduction</a>
98
+ <a href="#workflow" class="sidebar-toc-link">Workflow</a>
99
+ <a href="#automatic-mode" class="sidebar-toc-link">
100
+ <span data-lang="fr">Mode Automatique</span>
101
+ <span data-lang="en">Automatic Mode</span>
102
+ </a>
103
+ <a href="#phases" class="sidebar-toc-link">
104
+ <span data-lang="fr">Les 8 Phases</span>
105
+ <span data-lang="en">The 8 Phases</span>
106
+ </a>
107
+ <a href="#phase-0" class="sidebar-toc-link">0. Orchestrate</a>
108
+ <a href="#phase-1" class="sidebar-toc-link">1. Init</a>
109
+ <a href="#phase-2" class="sidebar-toc-link">2. Discover</a>
110
+ <a href="#phase-3" class="sidebar-toc-link">3. Analyse</a>
111
+ <a href="#phase-4" class="sidebar-toc-link">4. Specify</a>
112
+ <a href="#phase-5" class="sidebar-toc-link">5. Validate</a>
113
+ <a href="#phase-6" class="sidebar-toc-link">6. Handoff</a>
114
+ <a href="#phase-7" class="sidebar-toc-link">7. Doc-HTML</a>
115
+ <a href="#utilities" class="sidebar-toc-link">
116
+ <span data-lang="fr">Utilitaires</span>
117
+ <span data-lang="en">Utilities</span>
118
+ </a>
119
+ <a href="#agents" class="sidebar-toc-link">Agents</a>
120
+ <a href="#files" class="sidebar-toc-link">
121
+ <span data-lang="fr">Fichiers</span>
122
+ <span data-lang="en">Files</span>
123
+ </a>
124
+ <a href="#example" class="sidebar-toc-link">
125
+ <span data-lang="fr">Exemple</span>
126
+ <span data-lang="en">Example</span>
127
+ </a>
128
+ </nav>
129
+ </div>
130
+ </div>
131
+
132
+ <div class="nav-section">
133
+ <div class="nav-section-title">
134
+ <span data-lang="fr">Outils</span>
135
+ <span data-lang="en">Tools</span>
136
+ </div>
137
+ <a href="agents.html" class="nav-item">
138
+ <span class="icon">&#129302;</span>
139
+ <span class="nav-text">Agents</span>
140
+ </a>
141
+ <a href="commands.html" class="nav-item">
142
+ <span class="icon">&#9889;</span>
143
+ <span class="nav-text" data-lang="fr">Commandes</span>
144
+ <span class="nav-text" data-lang="en">Commands</span>
145
+ </a>
146
+ <a href="hooks.html" class="nav-item">
147
+ <span class="icon">&#128279;</span>
148
+ <span class="nav-text">Hooks</span>
149
+ </a>
150
+ </div>
151
+ </nav>
152
+ </aside>
153
+
154
+ <!-- Main Content -->
155
+ <main class="main-content">
156
+ <div class="content-full">
157
+
158
+ <!-- Introduction -->
159
+ <section id="introduction">
160
+ <h2>Introduction</h2>
161
+ <p data-lang="fr">
162
+ Le workflow <strong>Business Analyse v2</strong> est un systeme complet en <strong>8 phases</strong> pour transformer une demande utilisateur vague en une implementation precise et documentee. Il separe clairement l'analyse du besoin (WHAT) de la specification technique (HOW).
163
+ </p>
164
+ <p data-lang="en">
165
+ The <strong>Business Analyse v2</strong> workflow is a complete <strong>8-phase</strong> system to transform a vague user request into a precise documented implementation. It clearly separates need analysis (WHAT) from technical specification (HOW).
166
+ </p>
167
+
168
+ <div class="alert alert-warning">
169
+ <span class="alert-icon">&#9888;</span>
170
+ <div class="alert-content">
171
+ <h5 data-lang="fr">Principe fondamental</h5>
172
+ <h5 data-lang="en">Core Principle</h5>
173
+ <p data-lang="fr">
174
+ <strong>Comprendre avant de specifier.</strong> Les phases 1-3 se concentrent sur le BESOIN (langage utilisateur), les phases 4-6 sur la SOLUTION (langage technique).
175
+ </p>
176
+ <p data-lang="en">
177
+ <strong>Understand before specifying.</strong> Phases 1-3 focus on the NEED (user language), phases 4-6 on the SOLUTION (technical language).
178
+ </p>
179
+ </div>
180
+ </div>
181
+
182
+ <div class="alert alert-success">
183
+ <span class="alert-icon">&#129504;</span>
184
+ <div class="alert-content">
185
+ <h5>ULTRATHINK</h5>
186
+ <p data-lang="fr">
187
+ Les phases critiques (0, 2, 3, 4, 6) utilisent <strong>ULTRATHINK</strong> pour une reflexion approfondie. Les phases simples (1, 5, 7) utilisent des modeles plus legers. La phase 7 genere la documentation HTML.
188
+ </p>
189
+ <p data-lang="en">
190
+ Critical phases (0, 2, 3, 4, 6) use <strong>ULTRATHINK</strong> for deep reasoning. Simple phases (1, 5, 7) use lighter models. Phase 7 generates HTML documentation.
191
+ </p>
192
+ </div>
193
+ </div>
194
+ </section>
195
+
196
+ <!-- Automatic Mode -->
197
+ <section id="automatic-mode">
198
+ <h2>
199
+ <span data-lang="fr">Mode Automatique</span>
200
+ <span data-lang="en">Automatic Mode</span>
201
+ </h2>
202
+
203
+ <div class="command-card">
204
+ <div class="command-header">
205
+ <code class="command-name">/business-analyse</code>
206
+ <span class="badge badge-purple">ORCHESTRATE</span>
207
+ </div>
208
+ <div class="command-body">
209
+ <p data-lang="fr">
210
+ Lancez le <strong>workflow complet automatique</strong> de l'analyse metier a la documentation. La phase 0 orchestre l'execution de toutes les phases successives avec une granularite configurable.
211
+ </p>
212
+ <p data-lang="en">
213
+ Launch the <strong>complete automatic workflow</strong> from business analysis to documentation. Phase 0 orchestrates execution of all successive phases with configurable granularity.
214
+ </p>
215
+
216
+ <div class="code-block">
217
+ <button class="copy-btn">Copy</button>
218
+ <pre><code>/business-analyse [feature-name] [options]</code></pre>
219
+ </div>
220
+
221
+ <h4>
222
+ <span data-lang="fr">Niveaux de granularite</span>
223
+ <span data-lang="en">Granularity Levels</span>
224
+ </h4>
225
+ <table class="reference-table">
226
+ <thead>
227
+ <tr>
228
+ <th>
229
+ <span data-lang="fr">Niveau</span>
230
+ <span data-lang="en">Level</span>
231
+ </th>
232
+ <th>
233
+ <span data-lang="fr">Couverture</span>
234
+ <span data-lang="en">Coverage</span>
235
+ </th>
236
+ <th>Description</th>
237
+ </tr>
238
+ </thead>
239
+ <tbody>
240
+ <tr>
241
+ <td><strong>Muscles</strong></td>
242
+ <td>
243
+ <span data-lang="fr">Phases principales</span>
244
+ <span data-lang="en">Main phases</span>
245
+ </td>
246
+ <td>
247
+ <span data-lang="fr">Phases 0-6, haute vue d'ensemble</span>
248
+ <span data-lang="en">Phases 0-6, high overview</span>
249
+ </td>
250
+ </tr>
251
+ <tr>
252
+ <td><strong>Section</strong></td>
253
+ <td>
254
+ <span data-lang="fr">Toutes phases</span>
255
+ <span data-lang="en">All phases</span>
256
+ </td>
257
+ <td>
258
+ <span data-lang="fr">Phases 0-7 avec details complets</span>
259
+ <span data-lang="en">Phases 0-7 with full details</span>
260
+ </td>
261
+ </tr>
262
+ <tr>
263
+ <td><strong>Resources</strong></td>
264
+ <td>
265
+ <span data-lang="fr">Etendu</span>
266
+ <span data-lang="en">Extended</span>
267
+ </td>
268
+ <td>
269
+ <span data-lang="fr">Phases 0-7 + agents, hooks, ressources</span>
270
+ <span data-lang="en">Phases 0-7 + agents, hooks, resources</span>
271
+ </td>
272
+ </tr>
273
+ </tbody>
274
+ </table>
275
+
276
+ <h4>Workflow Complet</h4>
277
+ <div class="svg-diagram" style="max-width: 100%; overflow-x: auto;">
278
+ <svg viewBox="0 0 560 260" xmlns="http://www.w3.org/2000/svg" style="font-family: 'Inter', system-ui, sans-serif; min-width: 480px;">
279
+ <defs>
280
+ <marker id="arrowAuto" markerWidth="12" markerHeight="10" refX="10" refY="5" orient="auto" markerUnits="userSpaceOnUse">
281
+ <path d="M0,0 L12,5 L0,10 L3,5 Z" fill="#94a3b8"/>
282
+ </marker>
283
+ <filter id="shadowAuto" x="-10%" y="-10%" width="120%" height="130%">
284
+ <feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/>
285
+ </filter>
286
+ </defs>
287
+
288
+ <!-- BA Box -->
289
+ <g transform="translate(20, 80)" filter="url(#shadowAuto)">
290
+ <rect x="0" y="0" width="100" height="60" rx="6" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
291
+ <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Business</text>
292
+ <text x="50" y="38" text-anchor="middle" fill="#93c5fd" font-size="10">Analyse</text>
293
+ </g>
294
+ <path d="M120,110 L160,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
295
+
296
+ <!-- Ralph Loop Box -->
297
+ <g transform="translate(160, 80)" filter="url(#shadowAuto)">
298
+ <rect x="0" y="0" width="100" height="60" rx="6" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
299
+ <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Ralph</text>
300
+ <text x="50" y="38" text-anchor="middle" fill="#5eead4" font-size="10">Loop</text>
301
+ </g>
302
+ <path d="M260,110 L300,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
303
+
304
+ <!-- Implementation Box -->
305
+ <g transform="translate(300, 80)" filter="url(#shadowAuto)">
306
+ <rect x="0" y="0" width="100" height="60" rx="6" fill="#7c2d12" stroke="#ea580c" stroke-width="2"/>
307
+ <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">Claude</text>
308
+ <text x="50" y="38" text-anchor="middle" fill="#fdba74" font-size="10">Code</text>
309
+ </g>
310
+ <path d="M400,110 L440,110" stroke="#94a3b8" stroke-width="3" marker-end="url(#arrowAuto)"/>
311
+
312
+ <!-- Documentation Box -->
313
+ <g transform="translate(440, 80)" filter="url(#shadowAuto)">
314
+ <rect x="0" y="0" width="100" height="60" rx="6" fill="#3b0764" stroke="#d946ef" stroke-width="2"/>
315
+ <text x="50" y="22" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="700">HTML</text>
316
+ <text x="50" y="38" text-anchor="middle" fill="#e879f9" font-size="10">Docs</text>
317
+ </g>
318
+
319
+ <!-- Arrow labels -->
320
+ <text x="140" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Phases 1-6</text>
321
+ <text x="280" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Brief</text>
322
+ <text x="420" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Code</text>
323
+ <text x="540" y="70" text-anchor="middle" fill="#94a3b8" font-size="9" font-weight="600">Phase 7</text>
324
+
325
+ <!-- Output legend -->
326
+ <text x="20" y="170" fill="#94a3b8" font-size="10" font-weight="700" data-lang="fr">Fichiers generes</text>
327
+ <text x="20" y="170" fill="#94a3b8" font-size="10" font-weight="700" data-lang="en">Generated files</text>
328
+
329
+ <text x="20" y="190" fill="#64748b" font-size="9">.claude/ba/[feature]/01-06-*.md (phases)</text>
330
+ <text x="20" y="205" fill="#64748b" font-size="9">.claude/ba/[feature]/07-documentation.html (docs)</text>
331
+ <text x="20" y="220" fill="#64748b" font-size="9">Implementation logs &amp; artifacts</text>
332
+ </svg>
333
+ </div>
334
+ </div>
335
+ </div>
336
+ </section>
337
+
338
+ <!-- Workflow -->
339
+ <section id="workflow">
340
+ <h2>Workflow</h2>
341
+
342
+ <div class="svg-diagram" style="max-width: 100%; overflow-x: auto;">
343
+ <svg viewBox="0 0 1050 320" xmlns="http://www.w3.org/2000/svg" style="font-family: 'Inter', system-ui, sans-serif; min-width: 800px;">
344
+ <defs>
345
+ <!-- Arrow pointing RIGHT (gray) -->
346
+ <marker id="arrowH" markerWidth="10" markerHeight="8" refX="9" refY="4" orient="auto" markerUnits="userSpaceOnUse">
347
+ <path d="M0,0 L10,4 L0,8 L2,4 Z" fill="#94a3b8"/>
348
+ </marker>
349
+ <!-- Arrow pointing DOWN (gray) - fixed orientation -->
350
+ <marker id="arrowDown" markerWidth="8" markerHeight="10" refX="4" refY="9" orient="0" markerUnits="userSpaceOnUse">
351
+ <path d="M0,0 L4,10 L8,0 L4,2 Z" fill="#94a3b8"/>
352
+ </marker>
353
+ <!-- Arrow pointing LEFT (red) - fixed orientation -->
354
+ <marker id="arrowLeft" markerWidth="10" markerHeight="8" refX="1" refY="4" orient="0" markerUnits="userSpaceOnUse">
355
+ <path d="M10,0 L0,4 L10,8 L8,4 Z" fill="#f87171"/>
356
+ </marker>
357
+ <filter id="shadowH" x="-10%" y="-10%" width="120%" height="130%">
358
+ <feDropShadow dx="0" dy="2" stdDeviation="2" flood-opacity="0.25"/>
359
+ </filter>
360
+ </defs>
361
+
362
+ <!-- WHAT Swimlane (top) -->
363
+ <rect x="10" y="40" width="520" height="90" rx="8" fill="rgba(59, 130, 246, 0.06)" stroke="rgba(59, 130, 246, 0.25)" stroke-width="1"/>
364
+ <rect x="10" y="40" width="50" height="90" rx="8" fill="rgba(59, 130, 246, 0.12)"/>
365
+ <text x="35" y="90" text-anchor="middle" fill="#3b82f6" font-size="11" font-weight="700" transform="rotate(-90, 35, 90)" data-lang="fr">QUOI</text>
366
+ <text x="35" y="90" text-anchor="middle" fill="#3b82f6" font-size="11" font-weight="700" transform="rotate(-90, 35, 90)" data-lang="en">WHAT</text>
367
+
368
+ <!-- HOW Swimlane (bottom) - extended width -->
369
+ <rect x="10" y="140" width="1020" height="90" rx="8" fill="rgba(13, 148, 136, 0.06)" stroke="rgba(13, 148, 136, 0.25)" stroke-width="1"/>
370
+ <rect x="10" y="140" width="50" height="90" rx="8" fill="rgba(13, 148, 136, 0.12)"/>
371
+ <text x="35" y="190" text-anchor="middle" fill="#0d9488" font-size="11" font-weight="700" transform="rotate(-90, 35, 190)" data-lang="fr">COMMENT</text>
372
+ <text x="35" y="190" text-anchor="middle" fill="#0d9488" font-size="11" font-weight="700" transform="rotate(-90, 35, 190)" data-lang="en">HOW</text>
373
+
374
+ <!-- Start node - centered above Demande -->
375
+ <circle cx="115" cy="20" r="10" fill="#1e293b" stroke="#64748b" stroke-width="2"/>
376
+ <circle cx="115" cy="20" r="4" fill="#94a3b8"/>
377
+ <path d="M115,30 L115,48" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowDown)"/>
378
+
379
+ <!-- User Request - Demande -->
380
+ <g transform="translate(70, 55)" filter="url(#shadowH)">
381
+ <rect x="0" y="0" width="90" height="30" rx="15" fill="#334155" stroke="#475569" stroke-width="1"/>
382
+ <text x="45" y="19" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="500" data-lang="fr">Demande</text>
383
+ <text x="45" y="19" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="500" data-lang="en">Request</text>
384
+ </g>
385
+ <path d="M160,70 L195,70" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
386
+
387
+ <!-- Phase 2: DISCOVER -->
388
+ <g transform="translate(200, 50)" filter="url(#shadowH)">
389
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
390
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">2. DISCOVER</text>
391
+ <text x="65" y="30" text-anchor="middle" fill="#93c5fd" font-size="8">Elicitation</text>
392
+ </g>
393
+ <path d="M330,70 L360,70" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
394
+
395
+ <!-- Phase 3: ANALYSE -->
396
+ <g transform="translate(365, 50)" filter="url(#shadowH)">
397
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
398
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">3. ANALYSE</text>
399
+ <text x="65" y="30" text-anchor="middle" fill="#93c5fd" font-size="8">BRD</text>
400
+ </g>
401
+
402
+ <!-- Transition arrow WHAT -> HOW (simple L-shape to SPECIFY top) -->
403
+ <path d="M430,90 L430,130 L265,130 L265,160" stroke="#94a3b8" stroke-width="2" fill="none" marker-end="url(#arrowDown)"/>
404
+
405
+ <!-- Phase 4: SPECIFY - repositioned under DISCOVER -->
406
+ <g transform="translate(200, 165)" filter="url(#shadowH)">
407
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
408
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">4. SPECIFY</text>
409
+ <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">FRD</text>
410
+ </g>
411
+ <path d="M330,185 L360,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
412
+
413
+ <!-- Phase 5: VALIDATE - repositioned under ANALYSE -->
414
+ <g transform="translate(365, 165)" filter="url(#shadowH)">
415
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#14b8a6" stroke-width="2" stroke-dasharray="4,2"/>
416
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">5. VALIDATE</text>
417
+ <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">User Gate</text>
418
+ </g>
419
+ <path d="M495,185 L520,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
420
+
421
+ <!-- Decision diamond -->
422
+ <polygon points="550,170 575,185 550,200 525,185" fill="#1e293b" stroke="#94a3b8" stroke-width="2"/>
423
+ <text x="550" y="189" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="600">OK?</text>
424
+
425
+ <!-- Feedback loop (enters ANALYSE from RIGHT side) -->
426
+ <path d="M550,170 L550,70 L500,70" stroke="#f87171" stroke-width="2" stroke-dasharray="6,3" fill="none" marker-end="url(#arrowLeft)"/>
427
+ <rect x="515" y="45" width="55" height="16" rx="3" fill="rgba(248, 113, 113, 0.15)" stroke="#f87171" stroke-width="1"/>
428
+ <text x="543" y="57" text-anchor="middle" fill="#f87171" font-size="8" font-weight="600" data-lang="fr">MODIFS</text>
429
+ <text x="543" y="57" text-anchor="middle" fill="#f87171" font-size="8" font-weight="600" data-lang="en">CHANGES</text>
430
+
431
+ <!-- Continue to HANDOFF -->
432
+ <path d="M575,185 L605,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
433
+
434
+ <!-- Phase 6: HANDOFF -->
435
+ <g transform="translate(610, 165)" filter="url(#shadowH)">
436
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
437
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">6. HANDOFF</text>
438
+ <text x="65" y="30" text-anchor="middle" fill="#5eead4" font-size="8">Brief EN</text>
439
+ </g>
440
+ <path d="M740,185 L770,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
441
+
442
+ <!-- Phase 7: DOC-HTML -->
443
+ <g transform="translate(775, 165)" filter="url(#shadowH)">
444
+ <rect x="0" y="0" width="130" height="40" rx="5" fill="#3b0764" stroke="#d946ef" stroke-width="2"/>
445
+ <text x="65" y="16" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="700">7. DOC-HTML</text>
446
+ <text x="65" y="30" text-anchor="middle" fill="#e879f9" font-size="8">Documentation</text>
447
+ </g>
448
+ <path d="M905,185 L935,185" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
449
+
450
+ <!-- /implement -->
451
+ <g transform="translate(940, 171)" filter="url(#shadowH)">
452
+ <rect x="0" y="0" width="80" height="28" rx="14" fill="#475569" stroke="#94a3b8" stroke-width="1"/>
453
+ <text x="40" y="18" text-anchor="middle" fill="#f1f5f9" font-size="9" font-weight="600">/implement</text>
454
+ </g>
455
+
456
+ <!-- Legend (bottom - horizontal layout) -->
457
+ <g transform="translate(10, 265)">
458
+ <text x="0" y="0" fill="#94a3b8" font-size="10" font-weight="700" data-lang="fr">Legende:</text>
459
+ <text x="0" y="0" fill="#94a3b8" font-size="10" font-weight="700" data-lang="en">Legend:</text>
460
+
461
+ <!-- WHAT -->
462
+ <rect x="70" y="-9" width="14" height="10" rx="2" fill="#1e3a5f" stroke="#3b82f6" stroke-width="1"/>
463
+ <text x="90" y="0" fill="#94a3b8" font-size="9" data-lang="fr">QUOI</text>
464
+ <text x="90" y="0" fill="#94a3b8" font-size="9" data-lang="en">WHAT</text>
465
+
466
+ <!-- HOW -->
467
+ <rect x="150" y="-9" width="14" height="10" rx="2" fill="#134e4a" stroke="#0d9488" stroke-width="1"/>
468
+ <text x="170" y="0" fill="#94a3b8" font-size="9" data-lang="fr">COMMENT</text>
469
+ <text x="170" y="0" fill="#94a3b8" font-size="9" data-lang="en">HOW</text>
470
+
471
+ <!-- DOC -->
472
+ <rect x="250" y="-9" width="14" height="10" rx="2" fill="#3b0764" stroke="#d946ef" stroke-width="1"/>
473
+ <text x="270" y="0" fill="#94a3b8" font-size="9">DOC</text>
474
+
475
+ <!-- Flow -->
476
+ <path d="M320,-4 L335,-4" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowH)"/>
477
+ <text x="345" y="0" fill="#94a3b8" font-size="9">Flow</text>
478
+
479
+ <!-- Loop -->
480
+ <path d="M390,-4 L405,-4" stroke="#f87171" stroke-width="2" stroke-dasharray="4,2"/>
481
+ <text x="415" y="0" fill="#94a3b8" font-size="9">Loop</text>
482
+ </g>
483
+
484
+ <!-- Output files (bottom right) -->
485
+ <g transform="translate(500, 265)">
486
+ <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="fr">Fichiers generes:</text>
487
+ <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="en">Generated files:</text>
488
+ <text x="130" y="0" fill="#94a3b8" font-size="8">01-business-requirements.md → 05-implementation-brief.md → 06-documentation.html</text>
489
+ </g>
490
+ </svg>
491
+ </div>
492
+ </section>
493
+
494
+ <!-- The 8 Phases -->
495
+ <section id="phases">
496
+ <h2>
497
+ <span data-lang="fr">Les 8 Phases</span>
498
+ <span data-lang="en">The 8 Phases</span>
499
+ </h2>
500
+
501
+ <div class="table-container">
502
+ <table>
503
+ <thead>
504
+ <tr>
505
+ <th>#</th>
506
+ <th>Phase</th>
507
+ <th>
508
+ <span data-lang="fr">Commande</span>
509
+ <span data-lang="en">Command</span>
510
+ </th>
511
+ <th>
512
+ <span data-lang="fr">Modele</span>
513
+ <span data-lang="en">Model</span>
514
+ </th>
515
+ <th>Mission</th>
516
+ <th>
517
+ <span data-lang="fr">Fichier de sortie</span>
518
+ <span data-lang="en">Output File</span>
519
+ </th>
520
+ </tr>
521
+ </thead>
522
+ <tbody>
523
+ <tr style="background: rgba(139, 92, 246, 0.1);">
524
+ <td><strong>0</strong></td>
525
+ <td><strong>ORCHESTRATE</strong></td>
526
+ <td><code>:0-orchestrate</code></td>
527
+ <td>OPUS/ULTRATHINK</td>
528
+ <td>
529
+ <span data-lang="fr">Orchestration automatique complete</span>
530
+ <span data-lang="en">Complete automatic orchestration</span>
531
+ </td>
532
+ <td>—</td>
533
+ </tr>
534
+ <tr style="background: rgba(59, 130, 246, 0.1);">
535
+ <td><strong>1</strong></td>
536
+ <td><strong>INIT</strong></td>
537
+ <td><code>:1-init</code></td>
538
+ <td>Haiku</td>
539
+ <td>
540
+ <span data-lang="fr">Initialiser la structure BA</span>
541
+ <span data-lang="en">Initialize BA structure</span>
542
+ </td>
543
+ <td>—</td>
544
+ </tr>
545
+ <tr style="background: rgba(59, 130, 246, 0.1);">
546
+ <td><strong>2</strong></td>
547
+ <td><strong>DISCOVER</strong></td>
548
+ <td><code>:2-discover</code></td>
549
+ <td>OPUS/ULTRATHINK</td>
550
+ <td>
551
+ <span data-lang="fr">Elicitation + detection similarite</span>
552
+ <span data-lang="en">Elicitation + similarity detection</span>
553
+ </td>
554
+ <td><code>01-business-requirements.md</code></td>
555
+ </tr>
556
+ <tr style="background: rgba(59, 130, 246, 0.1);">
557
+ <td><strong>3</strong></td>
558
+ <td><strong>ANALYSE</strong></td>
559
+ <td><code>:3-analyse</code></td>
560
+ <td>Sonnet/ULTRATHINK</td>
561
+ <td>
562
+ <span data-lang="fr">Synthese besoin + technique</span>
563
+ <span data-lang="en">Merge need + technical context</span>
564
+ </td>
565
+ <td><code>02-enriched-requirements.md</code></td>
566
+ </tr>
567
+ <tr style="background: rgba(13, 148, 136, 0.1);">
568
+ <td><strong>4</strong></td>
569
+ <td><strong>SPECIFY</strong></td>
570
+ <td><code>:4-specify</code></td>
571
+ <td>Sonnet/ULTRATHINK</td>
572
+ <td>
573
+ <span data-lang="fr">Specification fonctionnelle (FRD)</span>
574
+ <span data-lang="en">Functional specification (FRD)</span>
575
+ </td>
576
+ <td><code>03-functional-spec.md</code></td>
577
+ </tr>
578
+ <tr style="background: rgba(13, 148, 136, 0.1);">
579
+ <td><strong>5</strong></td>
580
+ <td><strong>VALIDATE</strong></td>
581
+ <td><code>:5-validate</code></td>
582
+ <td>Haiku</td>
583
+ <td>
584
+ <span data-lang="fr">Validation utilisateur (loop → 3)</span>
585
+ <span data-lang="en">User validation (loop → 3)</span>
586
+ </td>
587
+ <td><code>04-feedback-v[N].md</code></td>
588
+ </tr>
589
+ <tr style="background: rgba(13, 148, 136, 0.1);">
590
+ <td><strong>6</strong></td>
591
+ <td><strong>HANDOFF</strong></td>
592
+ <td><code>:6-handoff</code></td>
593
+ <td>OPUS/ULTRATHINK</td>
594
+ <td>
595
+ <span data-lang="fr">Brief d'implementation (anglais)</span>
596
+ <span data-lang="en">Implementation brief (English)</span>
597
+ </td>
598
+ <td><code>05-implementation-brief.md</code></td>
599
+ </tr>
600
+ <tr style="background: rgba(217, 70, 239, 0.1);">
601
+ <td><strong>7</strong></td>
602
+ <td><strong>DOC-HTML</strong></td>
603
+ <td><code>:7-doc-html</code></td>
604
+ <td>Sonnet</td>
605
+ <td>
606
+ <span data-lang="fr">Documentation HTML auto-generee</span>
607
+ <span data-lang="en">Auto-generated HTML documentation</span>
608
+ </td>
609
+ <td><code>06-documentation.html</code></td>
610
+ </tr>
611
+ </tbody>
612
+ </table>
613
+ </div>
614
+ </section>
615
+
616
+ <!-- Phase 0: Orchestrate -->
617
+ <section id="phase-0">
618
+ <h2>Phase 0: ORCHESTRATE</h2>
619
+ <div class="command-card">
620
+ <div class="command-header">
621
+ <code class="command-name">/business-analyse:0-orchestrate</code>
622
+ <span class="badge badge-purple">OPUS/ULTRATHINK</span>
623
+ </div>
624
+ <div class="command-body">
625
+ <p data-lang="fr">
626
+ <strong>Mission</strong> : Orchestrer automatiquement l'execution de toutes les phases successives du workflow Business Analyse, de la decouverte a la documentation.
627
+ </p>
628
+ <p data-lang="en">
629
+ <strong>Mission</strong>: Automatically orchestrate execution of all successive phases from discovery to documentation.
630
+ </p>
631
+
632
+ <div class="code-block">
633
+ <button class="copy-btn">Copy</button>
634
+ <pre><code># Full orchestration
635
+ /business-analyse:0-orchestrate [feature-name]
636
+
637
+ # With granularity level
638
+ /business-analyse:0-orchestrate [feature-name] --granularity=muscles
639
+ /business-analyse:0-orchestrate [feature-name] --granularity=section
640
+ /business-analyse:0-orchestrate [feature-name] --granularity=resources</code></pre>
641
+ </div>
642
+
643
+ <h4 data-lang="fr">Orchestration automatique</h4>
644
+ <h4 data-lang="en">Automatic Orchestration</h4>
645
+ <ul>
646
+ <li data-lang="fr">Lance Phase 1 (INIT) pour preparer la structure</li>
647
+ <li data-lang="en">Launches Phase 1 (INIT) to prepare structure</li>
648
+ <li data-lang="fr">Lance Phase 2 (DISCOVER) avec elicitation et similarite</li>
649
+ <li data-lang="en">Launches Phase 2 (DISCOVER) with elicitation and similarity</li>
650
+ <li data-lang="fr">Lance Phase 3 (ANALYSE) pour analyser le besoin</li>
651
+ <li data-lang="en">Launches Phase 3 (ANALYSE) to analyze need</li>
652
+ <li data-lang="fr">Lance Phase 4 (SPECIFY) pour generer le FRD</li>
653
+ <li data-lang="en">Launches Phase 4 (SPECIFY) to generate FRD</li>
654
+ <li data-lang="fr">Lance Phase 5 (VALIDATE) pour validation utilisateur</li>
655
+ <li data-lang="en">Launches Phase 5 (VALIDATE) for user validation</li>
656
+ <li data-lang="fr">Lance Phase 6 (HANDOFF) pour le brief d'implementation</li>
657
+ <li data-lang="en">Launches Phase 6 (HANDOFF) for implementation brief</li>
658
+ <li data-lang="fr">Lance Phase 7 (DOC-HTML) pour generer la documentation</li>
659
+ <li data-lang="en">Launches Phase 7 (DOC-HTML) to generate documentation</li>
660
+ </ul>
661
+
662
+ <div class="alert alert-info">
663
+ <span class="alert-icon">&#128161;</span>
664
+ <div class="alert-content">
665
+ <p data-lang="fr">
666
+ Phase 0 facilite l'orchestration complete du workflow. Pour un controle granulaire, utilisez les phases individuelles (1-7).
667
+ </p>
668
+ <p data-lang="en">
669
+ Phase 0 facilitates complete workflow orchestration. For granular control, use individual phases (1-7).
670
+ </p>
671
+ </div>
672
+ </div>
673
+ </div>
674
+ </div>
675
+ </section>
676
+
677
+ <!-- Phase 1: Init -->
678
+ <section id="phase-1">
679
+ <h2>Phase 1: INIT</h2>
680
+ <div class="command-card">
681
+ <div class="command-header">
682
+ <code class="command-name">/business-analyse:1-init</code>
683
+ <span class="badge badge-blue">Haiku</span>
684
+ </div>
685
+ <div class="command-body">
686
+ <p data-lang="fr">
687
+ <strong>Mission</strong> : Initialiser la structure du dossier Business Analyse avec les fichiers de base et la configuration.
688
+ </p>
689
+ <p data-lang="en">
690
+ <strong>Mission</strong>: Initialize Business Analyse folder structure with base files and configuration.
691
+ </p>
692
+
693
+ <div class="code-block">
694
+ <button class="copy-btn">Copy</button>
695
+ <pre><code>/business-analyse:1-init [feature-name]</code></pre>
696
+ </div>
697
+
698
+ <h4 data-lang="fr">Structure creee</h4>
699
+ <h4 data-lang="en">Created Structure</h4>
700
+ <ul>
701
+ <li data-lang="fr">Dossier <code>.claude/ba/[feature-name]/</code></li>
702
+ <li data-lang="en">Folder <code>.claude/ba/[feature-name]/</code></li>
703
+ <li data-lang="fr">Fichiers de template pour chaque phase</li>
704
+ <li data-lang="en">Template files for each phase</li>
705
+ <li data-lang="fr">Configuration et metadata</li>
706
+ <li data-lang="en">Configuration and metadata</li>
707
+ </ul>
708
+ </div>
709
+ </div>
710
+ </section>
711
+
712
+ <!-- Phase 2: Discover -->
713
+ <section id="phase-2">
714
+ <h2>Phase 2: DISCOVER</h2>
715
+ <div class="command-card">
716
+ <div class="command-header">
717
+ <code class="command-name">/business-analyse:2-discover</code>
718
+ <span class="badge badge-blue">OPUS/ULTRATHINK</span>
719
+ </div>
720
+ <div class="command-body">
721
+ <p data-lang="fr">
722
+ <strong>Mission</strong> : Comprendre le vrai besoin utilisateur avant toute exploration technique.
723
+ </p>
724
+ <p data-lang="en">
725
+ <strong>Mission</strong>: Understand the real user need before any technical exploration.
726
+ </p>
727
+
728
+ <h4 data-lang="fr">Etapes</h4>
729
+ <h4 data-lang="en">Steps</h4>
730
+ <ol>
731
+ <li data-lang="fr"><strong>Similarity Check</strong> : Lance l'agent <code>ba-similarity</code> pour detecter les doublons</li>
732
+ <li data-lang="en"><strong>Similarity Check</strong>: Launches <code>ba-similarity</code> agent to detect duplicates</li>
733
+ <li data-lang="fr"><strong>Elicitation</strong> : Pose des questions ciblees (max 5)</li>
734
+ <li data-lang="en"><strong>Elicitation</strong>: Asks targeted questions (max 5)</li>
735
+ <li data-lang="fr"><strong>Business Requirements</strong> : Formalise le besoin en langage utilisateur</li>
736
+ <li data-lang="en"><strong>Business Requirements</strong>: Formalizes need in user language</li>
737
+ </ol>
738
+
739
+ <div class="code-block">
740
+ <button class="copy-btn">Copy</button>
741
+ <pre><code>/business-analyse:2-discover Je veux pouvoir exporter mes donnees clients</code></pre>
742
+ </div>
743
+
744
+ <h4>
745
+ <span data-lang="fr">Resultats de similarite</span>
746
+ <span data-lang="en">Similarity Results</span>
747
+ </h4>
748
+ <table class="reference-table">
749
+ <thead>
750
+ <tr>
751
+ <th>
752
+ <span data-lang="fr">Resultat</span>
753
+ <span data-lang="en">Result</span>
754
+ </th>
755
+ <th>Action</th>
756
+ </tr>
757
+ </thead>
758
+ <tbody>
759
+ <tr>
760
+ <td><strong>DUPLICATE</strong></td>
761
+ <td>
762
+ <span data-lang="fr">STOP - Reference spec existante</span>
763
+ <span data-lang="en">STOP - Reference existing spec</span>
764
+ </td>
765
+ </tr>
766
+ <tr>
767
+ <td><strong>EXTEND</strong></td>
768
+ <td>
769
+ <span data-lang="fr">Note feature existante a etendre</span>
770
+ <span data-lang="en">Note existing feature to extend</span>
771
+ </td>
772
+ </tr>
773
+ <tr>
774
+ <td><strong>NEW</strong></td>
775
+ <td>
776
+ <span data-lang="fr">Proceder normalement</span>
777
+ <span data-lang="en">Proceed normally</span>
778
+ </td>
779
+ </tr>
780
+ </tbody>
781
+ </table>
782
+ </div>
783
+ </div>
784
+ </section>
785
+
786
+ <!-- Phase 3: Analyse -->
787
+ <section id="phase-3">
788
+ <h2>Phase 3: ANALYSE</h2>
789
+ <div class="command-card">
790
+ <div class="command-header">
791
+ <code class="command-name">/business-analyse:3-analyse</code>
792
+ <span class="badge badge-blue">Sonnet/ULTRATHINK</span>
793
+ </div>
794
+ <div class="command-body">
795
+ <p data-lang="fr">
796
+ <strong>Mission</strong> : Fusionner le besoin utilisateur avec le contexte technique. Identifier les gaps et conflits.
797
+ </p>
798
+ <p data-lang="en">
799
+ <strong>Mission</strong>: Merge user need with technical context. Identify gaps and conflicts.
800
+ </p>
801
+
802
+ <div class="code-block">
803
+ <button class="copy-btn">Copy</button>
804
+ <pre><code>/business-analyse:3-analyse [feature-name]</code></pre>
805
+ </div>
806
+
807
+ <h4 data-lang="fr">Analyse des gaps</h4>
808
+ <h4 data-lang="en">Gap Analysis</h4>
809
+ <ul>
810
+ <li data-lang="fr"><strong>Feasibility Check</strong> : Ce que l'utilisateur veut vs ce que le systeme peut faire</li>
811
+ <li data-lang="en"><strong>Feasibility Check</strong>: What user wants vs what system can do</li>
812
+ <li data-lang="fr"><strong>Conflicts</strong> : Contradictions entre besoin et contraintes techniques</li>
813
+ <li data-lang="en"><strong>Conflicts</strong>: Contradictions between need and technical constraints</li>
814
+ <li data-lang="fr"><strong>Opportunities</strong> : Features existantes qui peuvent aider</li>
815
+ <li data-lang="en"><strong>Opportunities</strong>: Existing features that can help</li>
816
+ </ul>
817
+
818
+ <div class="alert alert-warning">
819
+ <span class="alert-icon">&#9888;</span>
820
+ <div class="alert-content">
821
+ <p data-lang="fr">
822
+ Si des gaps ou conflits existent, des <strong>questions ciblees</strong> sont posees a l'utilisateur avant de continuer.
823
+ </p>
824
+ <p data-lang="en">
825
+ If gaps or conflicts exist, <strong>targeted questions</strong> are asked to the user before continuing.
826
+ </p>
827
+ </div>
828
+ </div>
829
+ </div>
830
+ </div>
831
+ </section>
832
+
833
+ <!-- Phase 4: Specify -->
834
+ <section id="phase-4">
835
+ <h2>Phase 4: SPECIFY</h2>
836
+ <div class="command-card">
837
+ <div class="command-header">
838
+ <code class="command-name">/business-analyse:4-specify</code>
839
+ <span class="badge badge-teal">Sonnet/ULTRATHINK</span>
840
+ </div>
841
+ <div class="command-body">
842
+ <p data-lang="fr">
843
+ <strong>Mission</strong> : Produire le FRD (Functional Requirements Document) detaille pour validation humaine.
844
+ </p>
845
+ <p data-lang="en">
846
+ <strong>Mission</strong>: Produce detailed FRD (Functional Requirements Document) for human validation.
847
+ </p>
848
+
849
+ <div class="code-block">
850
+ <button class="copy-btn">Copy</button>
851
+ <pre><code># Generate specification
852
+ /business-analyse:4-specify [feature-name]
853
+
854
+ # With HTML mockup
855
+ /business-analyse:4-specify [feature-name] --mockup
856
+
857
+ # With PlantUML diagrams
858
+ /business-analyse:4-specify [feature-name] --plantuml</code></pre>
859
+ </div>
860
+
861
+ <h4>
862
+ <span data-lang="fr">Sections dynamiques</span>
863
+ <span data-lang="en">Dynamic sections</span>
864
+ </h4>
865
+ <table class="reference-table">
866
+ <thead>
867
+ <tr>
868
+ <th>Section</th>
869
+ <th>
870
+ <span data-lang="fr">Incluse quand</span>
871
+ <span data-lang="en">Included when</span>
872
+ </th>
873
+ </tr>
874
+ </thead>
875
+ <tbody>
876
+ <tr>
877
+ <td>Context</td>
878
+ <td>
879
+ <span data-lang="fr">Toujours</span>
880
+ <span data-lang="en">Always</span>
881
+ </td>
882
+ </tr>
883
+ <tr>
884
+ <td>Functional Requirements</td>
885
+ <td>
886
+ <span data-lang="fr">Toujours</span>
887
+ <span data-lang="en">Always</span>
888
+ </td>
889
+ </tr>
890
+ <tr>
891
+ <td>Data Model</td>
892
+ <td>
893
+ <span data-lang="fr">Changements DB</span>
894
+ <span data-lang="en">DB changes</span>
895
+ </td>
896
+ </tr>
897
+ <tr>
898
+ <td>UI Specification</td>
899
+ <td>
900
+ <span data-lang="fr">Changements UI</span>
901
+ <span data-lang="en">UI changes</span>
902
+ </td>
903
+ </tr>
904
+ <tr>
905
+ <td>Navigation</td>
906
+ <td>
907
+ <span data-lang="fr">Nouvelle page</span>
908
+ <span data-lang="en">New page</span>
909
+ </td>
910
+ </tr>
911
+ <tr>
912
+ <td>Permissions</td>
913
+ <td>
914
+ <span data-lang="fr">Nouvelles permissions</span>
915
+ <span data-lang="en">New permissions</span>
916
+ </td>
917
+ </tr>
918
+ <tr>
919
+ <td>User Flow</td>
920
+ <td>
921
+ <span data-lang="fr">Workflow complexe</span>
922
+ <span data-lang="en">Complex workflow</span>
923
+ </td>
924
+ </tr>
925
+ <tr>
926
+ <td>API Specification</td>
927
+ <td>
928
+ <span data-lang="fr">Changements backend</span>
929
+ <span data-lang="en">Backend changes</span>
930
+ </td>
931
+ </tr>
932
+ <tr>
933
+ <td>Acceptance Criteria</td>
934
+ <td>
935
+ <span data-lang="fr">Toujours</span>
936
+ <span data-lang="en">Always</span>
937
+ </td>
938
+ </tr>
939
+ </tbody>
940
+ </table>
941
+
942
+ <h4>Options</h4>
943
+ <table class="reference-table">
944
+ <thead>
945
+ <tr>
946
+ <th>Option</th>
947
+ <th>
948
+ <span data-lang="fr">Effet</span>
949
+ <span data-lang="en">Effect</span>
950
+ </th>
951
+ <th>Tokens</th>
952
+ </tr>
953
+ </thead>
954
+ <tbody>
955
+ <tr>
956
+ <td><code>--mockup</code></td>
957
+ <td>
958
+ <span data-lang="fr">Maquette HTML avec CSS projet</span>
959
+ <span data-lang="en">HTML mockup with project CSS</span>
960
+ </td>
961
+ <td>+2,000</td>
962
+ </tr>
963
+ <tr>
964
+ <td><code>--plantuml</code></td>
965
+ <td>
966
+ <span data-lang="fr">Diagrammes ER/sequence</span>
967
+ <span data-lang="en">ER/sequence diagrams</span>
968
+ </td>
969
+ <td>+800</td>
970
+ </tr>
971
+ </tbody>
972
+ </table>
973
+ </div>
974
+ </div>
975
+ </section>
976
+
977
+ <!-- Phase 5: Validate -->
978
+ <section id="phase-5">
979
+ <h2>Phase 5: VALIDATE</h2>
980
+ <div class="command-card">
981
+ <div class="command-header">
982
+ <code class="command-name">/business-analyse:5-validate</code>
983
+ <span class="badge badge-teal">Haiku</span>
984
+ </div>
985
+ <div class="command-body">
986
+ <p data-lang="fr">
987
+ <strong>Mission</strong> : Presenter le FRD a l'utilisateur et collecter son feedback.
988
+ </p>
989
+ <p data-lang="en">
990
+ <strong>Mission</strong>: Present FRD to user and collect feedback.
991
+ </p>
992
+
993
+ <div class="code-block">
994
+ <button class="copy-btn">Copy</button>
995
+ <pre><code>/business-analyse:5-validate [feature-name]</code></pre>
996
+ </div>
997
+
998
+ <h4>
999
+ <span data-lang="fr">Options de validation</span>
1000
+ <span data-lang="en">Validation Options</span>
1001
+ </h4>
1002
+ <table class="reference-table">
1003
+ <thead>
1004
+ <tr>
1005
+ <th>Option</th>
1006
+ <th>Action</th>
1007
+ </tr>
1008
+ </thead>
1009
+ <tbody>
1010
+ <tr style="background: rgba(34, 197, 94, 0.1);">
1011
+ <td><strong>APPROVED</strong></td>
1012
+ <td>
1013
+ <span data-lang="fr">Passer a Phase 6 (Handoff)</span>
1014
+ <span data-lang="en">Proceed to Phase 6 (Handoff)</span>
1015
+ </td>
1016
+ </tr>
1017
+ <tr style="background: rgba(234, 179, 8, 0.1);">
1018
+ <td><strong>MINOR CHANGES</strong></td>
1019
+ <td>
1020
+ <span data-lang="fr">Modifications directes dans le FRD</span>
1021
+ <span data-lang="en">Direct modifications in FRD</span>
1022
+ </td>
1023
+ </tr>
1024
+ <tr style="background: rgba(239, 68, 68, 0.1);">
1025
+ <td><strong>MAJOR CHANGES</strong></td>
1026
+ <td>
1027
+ <span data-lang="fr">Retour a Phase 3 (Analyse)</span>
1028
+ <span data-lang="en">Return to Phase 3 (Analyse)</span>
1029
+ </td>
1030
+ </tr>
1031
+ <tr style="background: rgba(107, 114, 128, 0.1);">
1032
+ <td><strong>REJECTED</strong></td>
1033
+ <td>
1034
+ <span data-lang="fr">Archiver et recommencer</span>
1035
+ <span data-lang="en">Archive and start over</span>
1036
+ </td>
1037
+ </tr>
1038
+ </tbody>
1039
+ </table>
1040
+
1041
+ <div class="alert alert-info">
1042
+ <span class="alert-icon">&#128260;</span>
1043
+ <div class="alert-content">
1044
+ <h5 data-lang="fr">Boucle de validation</h5>
1045
+ <h5 data-lang="en">Validation Loop</h5>
1046
+ <p data-lang="fr">
1047
+ En cas de <strong>MAJOR CHANGES</strong>, le workflow retourne a la Phase 3 pour re-analyser avec les nouvelles informations.
1048
+ </p>
1049
+ <p data-lang="en">
1050
+ On <strong>MAJOR CHANGES</strong>, the workflow returns to Phase 3 to re-analyze with new information.
1051
+ </p>
1052
+ </div>
1053
+ </div>
1054
+ </div>
1055
+ </div>
1056
+ </section>
1057
+
1058
+ <!-- Phase 6: Handoff -->
1059
+ <section id="phase-6">
1060
+ <h2>Phase 6: HANDOFF</h2>
1061
+ <div class="command-card">
1062
+ <div class="command-header">
1063
+ <code class="command-name">/business-analyse:6-handoff</code>
1064
+ <span class="badge badge-teal">OPUS/ULTRATHINK</span>
1065
+ </div>
1066
+ <div class="command-body">
1067
+ <p data-lang="fr">
1068
+ <strong>Mission</strong> : Transformer le FRD valide en brief d'implementation pour Claude Code. Le brief est genere en <strong>anglais</strong> pour optimiser les tokens et la comprehension du modele.
1069
+ </p>
1070
+ <p data-lang="en">
1071
+ <strong>Mission</strong>: Transform validated FRD into implementation brief for Claude Code. The brief is generated in <strong>English</strong> to optimize tokens and model comprehension.
1072
+ </p>
1073
+
1074
+ <div class="code-block">
1075
+ <button class="copy-btn">Copy</button>
1076
+ <pre><code>/business-analyse:6-handoff [feature-name]</code></pre>
1077
+ </div>
1078
+
1079
+ <h4 data-lang="fr">Format de sortie (diff-like)</h4>
1080
+ <h4 data-lang="en">Output format (diff-like)</h4>
1081
+
1082
+ <div class="code-block">
1083
+ <button class="copy-btn">Copy</button>
1084
+ <pre><code># IMPLEMENTATION BRIEF: [Feature Name]
1085
+
1086
+ ## Files
1087
+
1088
+ ### Backend
1089
+
1090
+ CREATE `src/Domain/Entities/Feature.cs`
1091
+ COPY: `src/Domain/Entities/User.cs`
1092
+ CHANGE: class name, properties per spec
1093
+
1094
+ MODIFY `src/Infrastructure/Data/AppDbContext.cs`
1095
+ AT: line 45
1096
+ ADD: `public DbSet&lt;Feature&gt; Features =&gt; Set&lt;Feature&gt;();`
1097
+
1098
+ ### Frontend
1099
+
1100
+ CREATE `src/app/module/feature/feature.component.ts`
1101
+ RUN FIRST: `ng generate component module/feature`
1102
+ COPY PATTERN: `src/app/existing/existing.component.ts`
1103
+
1104
+ ## Commands
1105
+
1106
+ ```bash
1107
+ dotnet build src/Api
1108
+ dotnet ef migrations add AddFeatureTable
1109
+ npm run build
1110
+ npm run lint
1111
+ ```
1112
+
1113
+ ## Verify
1114
+
1115
+ - [ ] Build passes
1116
+ - [ ] Navigate to /feature works
1117
+ - [ ] CRUD operations work</code></pre>
1118
+ </div>
1119
+
1120
+ <div class="alert alert-success">
1121
+ <span class="alert-icon">&#128640;</span>
1122
+ <div class="alert-content">
1123
+ <h5 data-lang="fr">Pret pour implementation</h5>
1124
+ <h5 data-lang="en">Ready for implementation</h5>
1125
+ <p data-lang="fr">
1126
+ Le brief peut etre passe directement a <code>/implement</code> pour une execution oneshot.
1127
+ </p>
1128
+ <p data-lang="en">
1129
+ The brief can be passed directly to <code>/implement</code> for oneshot execution.
1130
+ </p>
1131
+ <div class="code-block" style="margin-top: 0.5rem;">
1132
+ <pre><code>/implement .claude/ba/[feature]/06-implementation-brief.md</code></pre>
1133
+ </div>
1134
+ </div>
1135
+ </div>
1136
+ </div>
1137
+ </div>
1138
+ </section>
1139
+
1140
+ <!-- Phase 7: Doc-HTML -->
1141
+ <section id="phase-7">
1142
+ <h2>Phase 7: DOC-HTML</h2>
1143
+ <div class="command-card">
1144
+ <div class="command-header">
1145
+ <code class="command-name">/business-analyse:7-doc-html</code>
1146
+ <span class="badge badge-purple">Sonnet</span>
1147
+ </div>
1148
+ <div class="command-body">
1149
+ <p data-lang="fr">
1150
+ <strong>Mission</strong> : Generer une documentation HTML auto-generee et polishe a partir de tous les fichiers du workflow Business Analyse.
1151
+ </p>
1152
+ <p data-lang="en">
1153
+ <strong>Mission</strong>: Generate polished auto-generated HTML documentation from all Business Analyse workflow files.
1154
+ </p>
1155
+
1156
+ <div class="code-block">
1157
+ <button class="copy-btn">Copy</button>
1158
+ <pre><code># Generate documentation
1159
+ /business-analyse:7-doc-html [feature-name]
1160
+
1161
+ # With specific template
1162
+ /business-analyse:7-doc-html [feature-name] --template=standard
1163
+ /business-analyse:7-doc-html [feature-name] --template=detailed
1164
+ /business-analyse:7-doc-html [feature-name] --template=minimal</code></pre>
1165
+ </div>
1166
+
1167
+ <h4 data-lang="fr">Documentation generee</h4>
1168
+ <h4 data-lang="en">Generated Documentation</h4>
1169
+ <ul>
1170
+ <li data-lang="fr">Resume executif de la feature</li>
1171
+ <li data-lang="en">Feature executive summary</li>
1172
+ <li data-lang="fr">Specifications fonctionnelles validees</li>
1173
+ <li data-lang="en">Validated functional specifications</li>
1174
+ <li data-lang="fr">Architecture et design decisions</li>
1175
+ <li data-lang="en">Architecture and design decisions</li>
1176
+ <li data-lang="fr">Guide d'implementation</li>
1177
+ <li data-lang="en">Implementation guide</li>
1178
+ <li data-lang="fr">Historique complet du workflow</li>
1179
+ <li data-lang="en">Complete workflow history</li>
1180
+ </ul>
1181
+
1182
+ <div class="alert alert-success">
1183
+ <span class="alert-icon">&#128196;</span>
1184
+ <div class="alert-content">
1185
+ <h5 data-lang="fr">Documentation persistante</h5>
1186
+ <h5 data-lang="en">Persistent Documentation</h5>
1187
+ <p data-lang="fr">
1188
+ Le fichier HTML est stocke dans <code>.claude/ba/[feature]/06-documentation.html</code> pour reference et partage futur.
1189
+ </p>
1190
+ <p data-lang="en">
1191
+ The HTML file is stored in <code>.claude/ba/[feature]/06-documentation.html</code> for future reference and sharing.
1192
+ </p>
1193
+ </div>
1194
+ </div>
1195
+ </div>
1196
+ </div>
1197
+ </section>
1198
+
1199
+ <!-- Utilities -->
1200
+ <section id="utilities">
1201
+ <h2>
1202
+ <span data-lang="fr">Commandes Utilitaires</span>
1203
+ <span data-lang="en">Utility Commands</span>
1204
+ </h2>
1205
+
1206
+ <div class="command-card">
1207
+ <div class="command-header">
1208
+ <code class="command-name">/business-analyse:bug</code>
1209
+ <span class="badge badge-red">Bug Fix</span>
1210
+ </div>
1211
+ <div class="command-body">
1212
+ <p data-lang="fr">
1213
+ Documenter et specifier une correction de bug de maniere formelle.
1214
+ </p>
1215
+ <p data-lang="en">
1216
+ Document and formally specify a bug fix.
1217
+ </p>
1218
+ <div class="code-block">
1219
+ <button class="copy-btn">Copy</button>
1220
+ <pre><code>/business-analyse:bug [bug-description]</code></pre>
1221
+ </div>
1222
+ </div>
1223
+ </div>
1224
+
1225
+ <div class="command-card">
1226
+ <div class="command-header">
1227
+ <code class="command-name">/business-analyse:hotfix</code>
1228
+ <span class="badge badge-red">Hotfix</span>
1229
+ </div>
1230
+ <div class="command-body">
1231
+ <p data-lang="fr">
1232
+ Documenter une correction urgente de maniere legere et rapide.
1233
+ </p>
1234
+ <p data-lang="en">
1235
+ Document an urgent fix in a lightweight and fast way.
1236
+ </p>
1237
+ <div class="code-block">
1238
+ <button class="copy-btn">Copy</button>
1239
+ <pre><code>/business-analyse:hotfix [fix-description]</code></pre>
1240
+ </div>
1241
+ </div>
1242
+ </div>
1243
+
1244
+ <div class="command-card">
1245
+ <div class="command-header">
1246
+ <code class="command-name">/business-analyse:change-request</code>
1247
+ <span class="badge badge-blue">Change</span>
1248
+ </div>
1249
+ <div class="command-body">
1250
+ <p data-lang="fr">
1251
+ Documenter une demande de changement formal pendant le developpement.
1252
+ </p>
1253
+ <p data-lang="en">
1254
+ Document a formal change request during development.
1255
+ </p>
1256
+ <div class="code-block">
1257
+ <button class="copy-btn">Copy</button>
1258
+ <pre><code>/business-analyse:change-request [change-description]</code></pre>
1259
+ </div>
1260
+ </div>
1261
+ </div>
1262
+ </section>
1263
+
1264
+ <!-- Agents -->
1265
+ <section id="agents">
1266
+ <h2>
1267
+ <span data-lang="fr">Agents specialises</span>
1268
+ <span data-lang="en">Specialized Agents</span>
1269
+ </h2>
1270
+
1271
+ <table class="reference-table">
1272
+ <thead>
1273
+ <tr>
1274
+ <th>Agent</th>
1275
+ <th>Mission</th>
1276
+ <th>
1277
+ <span data-lang="fr">Utilise en</span>
1278
+ <span data-lang="en">Used in</span>
1279
+ </th>
1280
+ </tr>
1281
+ </thead>
1282
+ <tbody>
1283
+ <tr style="background: rgba(139, 92, 246, 0.1);">
1284
+ <td><code>ba-similarity</code></td>
1285
+ <td>
1286
+ <span data-lang="fr">Detecte les features similaires ou doublons</span>
1287
+ <span data-lang="en">Detects similar features or duplicates</span>
1288
+ </td>
1289
+ <td>Phase 2</td>
1290
+ </tr>
1291
+ <tr>
1292
+ <td><code>explore-api</code></td>
1293
+ <td>
1294
+ <span data-lang="fr">Endpoints, controllers, DTOs, patterns API</span>
1295
+ <span data-lang="en">Endpoints, controllers, DTOs, API patterns</span>
1296
+ </td>
1297
+ <td>Phase 3</td>
1298
+ </tr>
1299
+ <tr>
1300
+ <td><code>explore-schema</code></td>
1301
+ <td>
1302
+ <span data-lang="fr">Schema DB, entites, configurations</span>
1303
+ <span data-lang="en">DB schema, entities, configurations</span>
1304
+ </td>
1305
+ <td>Phase 3</td>
1306
+ </tr>
1307
+ <tr>
1308
+ <td><code>explore-permissions</code></td>
1309
+ <td>
1310
+ <span data-lang="fr">RBAC, roles, autorisations</span>
1311
+ <span data-lang="en">RBAC, roles, authorizations</span>
1312
+ </td>
1313
+ <td>Phase 3</td>
1314
+ </tr>
1315
+ <tr>
1316
+ <td><code>explore-navigation</code></td>
1317
+ <td>
1318
+ <span data-lang="fr">Menus, routes, pages</span>
1319
+ <span data-lang="en">Menus, routes, pages</span>
1320
+ </td>
1321
+ <td>Phase 3</td>
1322
+ </tr>
1323
+ <tr>
1324
+ <td><code>explore-theme</code></td>
1325
+ <td>
1326
+ <span data-lang="fr">UI patterns, composants, design system</span>
1327
+ <span data-lang="en">UI patterns, components, design system</span>
1328
+ </td>
1329
+ <td>Phase 3</td>
1330
+ </tr>
1331
+ </tbody>
1332
+ </table>
1333
+ </section>
1334
+
1335
+ <!-- Files -->
1336
+ <section id="files">
1337
+ <h2>
1338
+ <span data-lang="fr">Structure des fichiers</span>
1339
+ <span data-lang="en">File Structure</span>
1340
+ </h2>
1341
+
1342
+ <div class="code-block">
1343
+ <button class="copy-btn">Copy</button>
1344
+ <pre><code>.claude/ba/
1345
+ └── [feature-name]/
1346
+ ├── 01-business-requirements.md # Phase 2: DISCOVER
1347
+ ├── 02-enriched-requirements.md # Phase 3: ANALYSE
1348
+ ├── 03-functional-spec.md # Phase 4: SPECIFY
1349
+ ├── 04-feedback-v1.md # Phase 5: VALIDATE (si changes)
1350
+ ├── 04-feedback-v2.md # (iterations)
1351
+ ├── 05-implementation-brief.md # Phase 6: HANDOFF
1352
+ └── 06-documentation.html # Phase 7: DOC-HTML</code></pre>
1353
+ </div>
1354
+
1355
+ <div class="table-container">
1356
+ <table>
1357
+ <thead>
1358
+ <tr>
1359
+ <th>
1360
+ <span data-lang="fr">Fichier</span>
1361
+ <span data-lang="en">File</span>
1362
+ </th>
1363
+ <th>
1364
+ <span data-lang="fr">Genere par</span>
1365
+ <span data-lang="en">Generated by</span>
1366
+ </th>
1367
+ <th>
1368
+ <span data-lang="fr">Lu par</span>
1369
+ <span data-lang="en">Read by</span>
1370
+ </th>
1371
+ </tr>
1372
+ </thead>
1373
+ <tbody>
1374
+ <tr>
1375
+ <td><code>01-business-requirements.md</code></td>
1376
+ <td>Phase 2</td>
1377
+ <td>Phase 3, 4</td>
1378
+ </tr>
1379
+ <tr>
1380
+ <td><code>02-enriched-requirements.md</code></td>
1381
+ <td>Phase 3</td>
1382
+ <td>Phase 4</td>
1383
+ </tr>
1384
+ <tr>
1385
+ <td><code>03-functional-spec.md</code></td>
1386
+ <td>Phase 4</td>
1387
+ <td>
1388
+ <span data-lang="fr">Humain (validation), Phase 6</span>
1389
+ <span data-lang="en">Human (validation), Phase 6</span>
1390
+ </td>
1391
+ </tr>
1392
+ <tr>
1393
+ <td><code>04-feedback-v[N].md</code></td>
1394
+ <td>Phase 5</td>
1395
+ <td>Phase 4 (iterations)</td>
1396
+ </tr>
1397
+ <tr>
1398
+ <td><code>05-implementation-brief.md</code></td>
1399
+ <td>Phase 6</td>
1400
+ <td><code>/implement</code></td>
1401
+ </tr>
1402
+ <tr>
1403
+ <td><code>06-documentation.html</code></td>
1404
+ <td>Phase 7</td>
1405
+ <td>
1406
+ <span data-lang="fr">Reference et partage</span>
1407
+ <span data-lang="en">Reference &amp; sharing</span>
1408
+ </td>
1409
+ </tr>
1410
+ </tbody>
1411
+ </table>
1412
+ </div>
1413
+ </section>
1414
+
1415
+ <!-- Complete Example -->
1416
+ <section id="example">
1417
+ <h2>
1418
+ <span data-lang="fr">Exemple complet</span>
1419
+ <span data-lang="en">Complete Example</span>
1420
+ </h2>
1421
+
1422
+ <div class="code-block">
1423
+ <button class="copy-btn">Copy</button>
1424
+ <pre><code># Option 1: Mode automatique complet
1425
+ /business-analyse Je veux gerer les utilisateurs avec des roles
1426
+
1427
+ # → Phase 0 orchestre tout automatiquement
1428
+ # → Phases 1-7 s'executent en sequence
1429
+ # → Cree tous les fichiers et la documentation
1430
+
1431
+ ---
1432
+
1433
+ # Option 2: Phases individuelles pour plus de controle
1434
+
1435
+ # Phase 1: Initialiser la structure
1436
+ /business-analyse:1-init user-management
1437
+
1438
+ # Phase 2: Decouvrir le besoin
1439
+ /business-analyse:2-discover Je veux gerer les utilisateurs avec des roles
1440
+
1441
+ # → Questions d'elicitation posees
1442
+ # → Agent ba-similarity verifie les doublons
1443
+ # → Cree: .claude/ba/user-management/01-business-requirements.md
1444
+
1445
+ # Phase 3: Analyser et enrichir
1446
+ /business-analyse:3-analyse user-management
1447
+
1448
+ # → Fusionne besoin + contexte technique
1449
+ # → Identifie gaps et conflits
1450
+ # → Cree: .claude/ba/user-management/02-enriched-requirements.md
1451
+
1452
+ # Phase 4: Specifier (FRD)
1453
+ /business-analyse:4-specify user-management --plantuml
1454
+
1455
+ # → Genere le FRD complet avec diagrammes
1456
+ # → Cree: .claude/ba/user-management/03-functional-spec.md
1457
+
1458
+ # Phase 5: Valider avec l'utilisateur
1459
+ /business-analyse:5-validate user-management
1460
+
1461
+ # → Presente resume pour validation
1462
+ # → Si APPROVED → Phase 6
1463
+ # → Si MAJOR CHANGES → Retour Phase 3
1464
+
1465
+ # Phase 6: Generer le brief d'implementation
1466
+ /business-analyse:6-handoff user-management
1467
+
1468
+ # → Transforme FRD en brief diff-like (anglais)
1469
+ # → Cree: .claude/ba/user-management/04-implementation-brief.md
1470
+
1471
+ # Phase 7: Generer la documentation
1472
+ /business-analyse:7-doc-html user-management
1473
+
1474
+ # → Genere documentation HTML polishe
1475
+ # → Cree: .claude/ba/user-management/05-documentation.html
1476
+
1477
+ # Implementation
1478
+ /implement .claude/ba/user-management/04-implementation-brief.md
1479
+
1480
+ # → Claude Code execute le brief en oneshot</code></pre>
1481
+ </div>
1482
+
1483
+ <div class="alert alert-info">
1484
+ <span class="alert-icon">&#127919;</span>
1485
+ <div class="alert-content">
1486
+ <h5 data-lang="fr">Conseil</h5>
1487
+ <h5 data-lang="en">Pro Tip</h5>
1488
+ <p data-lang="fr">
1489
+ Les fichiers dans <code>.claude/ba/</code> constituent un historique precieux. Conservez-les pour documenter les evolutions futures et faciliter la maintenance.
1490
+ </p>
1491
+ <p data-lang="en">
1492
+ Files in <code>.claude/ba/</code> are valuable history. Keep them to document future evolutions and facilitate maintenance.
1493
+ </p>
1494
+ </div>
1495
+ </div>
1496
+ </section>
1497
+
1498
+ </div>
1499
+ </main>
1500
+ </div>
1501
+ </div>
1502
+
1503
+ <script src="js/app.js"></script>
1504
+ </body>
1505
+ </html>