@atlashub/smartstack-cli 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/.documentation/agents.html +912 -0
  2. package/.documentation/apex.html +1014 -0
  3. package/.documentation/business-analyse.html +1074 -0
  4. package/.documentation/commands.html +676 -0
  5. package/.documentation/css/styles.css +2030 -0
  6. package/.documentation/efcore.html +2501 -0
  7. package/.documentation/gitflow.html +2053 -0
  8. package/.documentation/hooks.html +409 -0
  9. package/.documentation/index.html +319 -0
  10. package/.documentation/installation.html +458 -0
  11. package/.documentation/js/app.js +794 -0
  12. package/.documentation/test-web.html +509 -0
  13. package/README.md +90 -0
  14. package/config/default-config.json +86 -0
  15. package/config/settings.json +53 -0
  16. package/config/settings.local.example.json +16 -0
  17. package/dist/index.d.ts +2 -0
  18. package/dist/index.js +38198 -0
  19. package/dist/index.js.map +1 -0
  20. package/package.json +86 -0
  21. package/templates/agents/action.md +36 -0
  22. package/templates/agents/efcore/conflicts.md +57 -0
  23. package/templates/agents/efcore/db-deploy.md +51 -0
  24. package/templates/agents/efcore/db-reset.md +59 -0
  25. package/templates/agents/efcore/db-seed.md +56 -0
  26. package/templates/agents/efcore/db-status.md +43 -0
  27. package/templates/agents/efcore/migration.md +85 -0
  28. package/templates/agents/efcore/rebase-snapshot.md +62 -0
  29. package/templates/agents/efcore/scan.md +60 -0
  30. package/templates/agents/efcore/squash.md +67 -0
  31. package/templates/agents/explore-codebase.md +65 -0
  32. package/templates/agents/explore-docs.md +97 -0
  33. package/templates/agents/fix-grammar.md +49 -0
  34. package/templates/agents/gitflow/abort.md +45 -0
  35. package/templates/agents/gitflow/cleanup.md +85 -0
  36. package/templates/agents/gitflow/commit.md +40 -0
  37. package/templates/agents/gitflow/exec.md +48 -0
  38. package/templates/agents/gitflow/finish.md +92 -0
  39. package/templates/agents/gitflow/init.md +139 -0
  40. package/templates/agents/gitflow/merge.md +62 -0
  41. package/templates/agents/gitflow/plan.md +42 -0
  42. package/templates/agents/gitflow/pr.md +78 -0
  43. package/templates/agents/gitflow/review.md +49 -0
  44. package/templates/agents/gitflow/start.md +61 -0
  45. package/templates/agents/gitflow/status.md +32 -0
  46. package/templates/agents/snipper.md +36 -0
  47. package/templates/agents/websearch.md +46 -0
  48. package/templates/commands/_resources/formatting-guide.md +124 -0
  49. package/templates/commands/ai-prompt.md +315 -0
  50. package/templates/commands/apex/1-analyze.md +100 -0
  51. package/templates/commands/apex/2-plan.md +145 -0
  52. package/templates/commands/apex/3-execute.md +171 -0
  53. package/templates/commands/apex/4-examine.md +116 -0
  54. package/templates/commands/apex/5-tasks.md +209 -0
  55. package/templates/commands/apex.md +76 -0
  56. package/templates/commands/application/create.md +362 -0
  57. package/templates/commands/application/templates-backend.md +463 -0
  58. package/templates/commands/application/templates-frontend.md +517 -0
  59. package/templates/commands/application/templates-i18n.md +478 -0
  60. package/templates/commands/application/templates-seed.md +362 -0
  61. package/templates/commands/application.md +303 -0
  62. package/templates/commands/business-analyse/1-init.md +269 -0
  63. package/templates/commands/business-analyse/2-discover.md +520 -0
  64. package/templates/commands/business-analyse/3-analyse.md +408 -0
  65. package/templates/commands/business-analyse/4-specify.md +598 -0
  66. package/templates/commands/business-analyse/5-validate.md +326 -0
  67. package/templates/commands/business-analyse/6-handoff.md +746 -0
  68. package/templates/commands/business-analyse/7-doc-html.md +602 -0
  69. package/templates/commands/business-analyse/bug.md +325 -0
  70. package/templates/commands/business-analyse/change-request.md +368 -0
  71. package/templates/commands/business-analyse/hotfix.md +200 -0
  72. package/templates/commands/business-analyse.md +559 -0
  73. package/templates/commands/controller/create.md +216 -0
  74. package/templates/commands/controller/postman-templates.md +528 -0
  75. package/templates/commands/controller/templates.md +600 -0
  76. package/templates/commands/controller.md +278 -0
  77. package/templates/commands/debug.md +95 -0
  78. package/templates/commands/documentation/module.md +202 -0
  79. package/templates/commands/documentation/templates.md +432 -0
  80. package/templates/commands/documentation.md +190 -0
  81. package/templates/commands/efcore/_env-check.md +153 -0
  82. package/templates/commands/efcore/conflicts.md +269 -0
  83. package/templates/commands/efcore/db-deploy.md +193 -0
  84. package/templates/commands/efcore/db-reset.md +426 -0
  85. package/templates/commands/efcore/db-seed.md +326 -0
  86. package/templates/commands/efcore/db-status.md +214 -0
  87. package/templates/commands/efcore/migration.md +388 -0
  88. package/templates/commands/efcore/rebase-snapshot.md +264 -0
  89. package/templates/commands/efcore/scan.md +202 -0
  90. package/templates/commands/efcore/squash.md +298 -0
  91. package/templates/commands/efcore.md +176 -0
  92. package/templates/commands/epct.md +69 -0
  93. package/templates/commands/explain.md +186 -0
  94. package/templates/commands/explore.md +45 -0
  95. package/templates/commands/feature-full.md +267 -0
  96. package/templates/commands/gitflow/1-init.md +1038 -0
  97. package/templates/commands/gitflow/10-start.md +768 -0
  98. package/templates/commands/gitflow/11-finish.md +323 -0
  99. package/templates/commands/gitflow/12-cleanup.md +276 -0
  100. package/templates/commands/gitflow/13-sync.md +216 -0
  101. package/templates/commands/gitflow/14-rebase.md +251 -0
  102. package/templates/commands/gitflow/2-status.md +167 -0
  103. package/templates/commands/gitflow/3-commit.md +194 -0
  104. package/templates/commands/gitflow/4-plan.md +145 -0
  105. package/templates/commands/gitflow/5-exec.md +147 -0
  106. package/templates/commands/gitflow/6-abort.md +344 -0
  107. package/templates/commands/gitflow/7-pull-request.md +226 -0
  108. package/templates/commands/gitflow/8-review.md +176 -0
  109. package/templates/commands/gitflow/9-merge.md +224 -0
  110. package/templates/commands/gitflow.md +128 -0
  111. package/templates/commands/implement.md +663 -0
  112. package/templates/commands/notification.md +129 -0
  113. package/templates/commands/oneshot.md +57 -0
  114. package/templates/commands/quick-search.md +72 -0
  115. package/templates/commands/review.md +106 -0
  116. package/templates/commands/utils/test-web-config.md +160 -0
  117. package/templates/commands/utils/test-web.md +151 -0
  118. package/templates/commands/workflow.md +193 -0
  119. package/templates/gitflow/config.json +138 -0
  120. package/templates/hooks/ef-migration-check.md +139 -0
  121. package/templates/hooks/hooks.json +15 -0
  122. package/templates/skills/ai-prompt/SKILL.md +778 -0
  123. package/templates/skills/application/SKILL.md +563 -0
  124. package/templates/skills/application/templates-backend.md +450 -0
  125. package/templates/skills/application/templates-frontend.md +531 -0
  126. package/templates/skills/application/templates-i18n.md +520 -0
  127. package/templates/skills/application/templates-seed.md +647 -0
  128. package/templates/skills/business-analyse/SKILL.md +191 -0
  129. package/templates/skills/business-analyse/questionnaire.md +283 -0
  130. package/templates/skills/business-analyse/templates-frd.md +477 -0
  131. package/templates/skills/business-analyse/templates-react.md +580 -0
  132. package/templates/skills/controller/SKILL.md +240 -0
  133. package/templates/skills/controller/postman-templates.md +614 -0
  134. package/templates/skills/controller/templates.md +1468 -0
  135. package/templates/skills/documentation/SKILL.md +133 -0
  136. package/templates/skills/documentation/templates.md +476 -0
  137. package/templates/skills/feature-full/SKILL.md +838 -0
  138. package/templates/skills/notification/SKILL.md +555 -0
  139. package/templates/skills/ui-components/SKILL.md +870 -0
  140. package/templates/skills/workflow/SKILL.md +582 -0
  141. package/templates/test-web/api-health.json +38 -0
  142. package/templates/test-web/minimal.json +19 -0
  143. package/templates/test-web/npm-package.json +46 -0
  144. package/templates/test-web/seo-check.json +54 -0
package/.documentation/business-analyse.html ADDED
@@ -0,0 +1,1074 @@
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 - Claude Tools</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">CT</div>
14
+ <span class="site-title">Claude Tools</span>
15
+ <span class="version-badge">v1.9.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
+ <div class="nav-item-with-toc">
83
+ <a href="business-analyse.html" class="active">
84
+ <span class="icon">&#128202;</span>
85
+ <span class="nav-text">Business Analyse</span>
86
+ <button class="toc-toggle">&#9654;</button>
87
+ </a>
88
+ <nav class="sidebar-toc">
89
+ <a href="#introduction" class="sidebar-toc-link">Introduction</a>
90
+ <a href="#workflow" class="sidebar-toc-link">Workflow</a>
91
+ <a href="#phases" class="sidebar-toc-link">
92
+ <span data-lang="fr">Les 6 Phases</span>
93
+ <span data-lang="en">The 6 Phases</span>
94
+ </a>
95
+ <a href="#phase-1" class="sidebar-toc-link">1. Discover</a>
96
+ <a href="#phase-2" class="sidebar-toc-link">2. Explore</a>
97
+ <a href="#phase-3" class="sidebar-toc-link">3. Analyse</a>
98
+ <a href="#phase-4" class="sidebar-toc-link">4. Specify</a>
99
+ <a href="#phase-5" class="sidebar-toc-link">5. Validate</a>
100
+ <a href="#phase-6" class="sidebar-toc-link">6. Handoff</a>
101
+ <a href="#agents" class="sidebar-toc-link">Agents</a>
102
+ <a href="#files" class="sidebar-toc-link">
103
+ <span data-lang="fr">Fichiers</span>
104
+ <span data-lang="en">Files</span>
105
+ </a>
106
+ <a href="#example" class="sidebar-toc-link">
107
+ <span data-lang="fr">Exemple</span>
108
+ <span data-lang="en">Example</span>
109
+ </a>
110
+ </nav>
111
+ </div>
112
+ </div>
113
+
114
+ <div class="nav-section">
115
+ <div class="nav-section-title">
116
+ <span data-lang="fr">Outils</span>
117
+ <span data-lang="en">Tools</span>
118
+ </div>
119
+ <a href="agents.html" class="nav-item">
120
+ <span class="icon">&#129302;</span>
121
+ <span class="nav-text">Agents</span>
122
+ </a>
123
+ <a href="commands.html" class="nav-item">
124
+ <span class="icon">&#9889;</span>
125
+ <span class="nav-text" data-lang="fr">Commandes</span>
126
+ <span class="nav-text" data-lang="en">Commands</span>
127
+ </a>
128
+ <a href="hooks.html" class="nav-item">
129
+ <span class="icon">&#128279;</span>
130
+ <span class="nav-text">Hooks</span>
131
+ </a>
132
+ </div>
133
+ </nav>
134
+ </aside>
135
+
136
+ <!-- Main Content -->
137
+ <main class="main-content">
138
+ <div class="content-full">
139
+
140
+ <!-- Introduction -->
141
+ <section id="introduction">
142
+ <h2>Introduction</h2>
143
+ <p data-lang="fr">
144
+ Le workflow <strong>Business Analyse v2</strong> est un systeme complet en <strong>6 phases</strong> pour transformer une demande utilisateur vague en une implementation precise. Il separe clairement l'analyse du besoin (WHAT) de la specification technique (HOW).
145
+ </p>
146
+ <p data-lang="en">
147
+ The <strong>Business Analyse v2</strong> workflow is a complete <strong>6-phase</strong> system to transform a vague user request into a precise implementation. It clearly separates need analysis (WHAT) from technical specification (HOW).
148
+ </p>
149
+
150
+ <div class="alert alert-warning">
151
+ <span class="alert-icon">&#9888;</span>
152
+ <div class="alert-content">
153
+ <h5 data-lang="fr">Principe fondamental</h5>
154
+ <h5 data-lang="en">Core Principle</h5>
155
+ <p data-lang="fr">
156
+ <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).
157
+ </p>
158
+ <p data-lang="en">
159
+ <strong>Understand before specifying.</strong> Phases 1-3 focus on the NEED (user language), phases 4-6 on the SOLUTION (technical language).
160
+ </p>
161
+ </div>
162
+ </div>
163
+
164
+ <div class="alert alert-success">
165
+ <span class="alert-icon">&#129504;</span>
166
+ <div class="alert-content">
167
+ <h5>ULTRATHINK</h5>
168
+ <p data-lang="fr">
169
+ Les phases critiques (1, 3, 4, 6) utilisent <strong>ULTRATHINK</strong> pour une reflexion approfondie. Les phases simples (2, 5) utilisent des modeles plus legers.
170
+ </p>
171
+ <p data-lang="en">
172
+ Critical phases (1, 3, 4, 6) use <strong>ULTRATHINK</strong> for deep reasoning. Simple phases (2, 5) use lighter models.
173
+ </p>
174
+ </div>
175
+ </div>
176
+ </section>
177
+
178
+ <!-- Workflow -->
179
+ <section id="workflow">
180
+ <h2>Workflow</h2>
181
+
182
+ <div class="svg-diagram">
183
+ <svg viewBox="0 0 700 740" xmlns="http://www.w3.org/2000/svg" style="font-family: 'Inter', system-ui, sans-serif;">
184
+ <defs>
185
+ <!-- UML Activity colors - 2 main families -->
186
+ <linearGradient id="whatGrad" x1="0%" y1="0%" x2="0%" y2="100%">
187
+ <stop offset="0%" style="stop-color:#3b82f6"/>
188
+ <stop offset="100%" style="stop-color:#1e40af"/>
189
+ </linearGradient>
190
+ <linearGradient id="howGrad" x1="0%" y1="0%" x2="0%" y2="100%">
191
+ <stop offset="0%" style="stop-color:#0d9488"/>
192
+ <stop offset="100%" style="stop-color:#0f766e"/>
193
+ </linearGradient>
194
+ <!-- Arrow gradients -->
195
+ <linearGradient id="arrowGrad" x1="0%" y1="0%" x2="100%" y2="0%">
196
+ <stop offset="0%" style="stop-color:#475569"/>
197
+ <stop offset="100%" style="stop-color:#94a3b8"/>
198
+ </linearGradient>
199
+ <!-- Arrows - larger, filled triangles -->
200
+ <marker id="arrowUml" markerWidth="12" markerHeight="10" refX="10" refY="5" orient="auto" markerUnits="userSpaceOnUse">
201
+ <path d="M0,0 L12,5 L0,10 L3,5 Z" fill="#94a3b8"/>
202
+ </marker>
203
+ <marker id="arrowLoop" markerWidth="12" markerHeight="10" refX="10" refY="5" orient="auto" markerUnits="userSpaceOnUse">
204
+ <path d="M0,0 L12,5 L0,10 L3,5 Z" fill="#f87171"/>
205
+ </marker>
206
+ <!-- Shadow filter -->
207
+ <filter id="shadow" x="-10%" y="-10%" width="120%" height="130%">
208
+ <feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/>
209
+ </filter>
210
+ <!-- Arrow glow filter -->
211
+ <filter id="arrowGlow" x="-20%" y="-20%" width="140%" height="140%">
212
+ <feGaussianBlur stdDeviation="1" result="blur"/>
213
+ <feMerge>
214
+ <feMergeNode in="blur"/>
215
+ <feMergeNode in="SourceGraphic"/>
216
+ </feMerge>
217
+ </filter>
218
+ </defs>
219
+
220
+ <!-- Background swimlanes -->
221
+ <!-- WHAT swimlane -->
222
+ <rect x="20" y="60" width="230" height="320" rx="8" fill="rgba(59, 130, 246, 0.08)" stroke="rgba(59, 130, 246, 0.3)" stroke-width="1"/>
223
+ <rect x="20" y="60" width="230" height="32" rx="8" fill="rgba(59, 130, 246, 0.15)"/>
224
+ <text x="135" y="82" text-anchor="middle" fill="#3b82f6" font-size="12" font-weight="700" data-lang="fr">QUOI</text>
225
+ <text x="135" y="82" text-anchor="middle" fill="#3b82f6" font-size="12" font-weight="700" data-lang="en">WHAT</text>
226
+
227
+ <!-- HOW swimlane -->
228
+ <rect x="20" y="400" width="230" height="270" rx="8" fill="rgba(13, 148, 136, 0.08)" stroke="rgba(13, 148, 136, 0.3)" stroke-width="1"/>
229
+ <rect x="20" y="400" width="230" height="32" rx="8" fill="rgba(13, 148, 136, 0.15)"/>
230
+ <text x="135" y="422" text-anchor="middle" fill="#0d9488" font-size="12" font-weight="700" data-lang="fr">COMMENT</text>
231
+ <text x="135" y="422" text-anchor="middle" fill="#0d9488" font-size="12" font-weight="700" data-lang="en">HOW</text>
232
+
233
+ <!-- UML Initial node (filled circle with ring) -->
234
+ <circle cx="350" cy="30" r="14" fill="#1e293b" stroke="#64748b" stroke-width="2"/>
235
+ <circle cx="350" cy="30" r="6" fill="#94a3b8"/>
236
+ <path d="M350,44 L350,68" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
237
+
238
+ <!-- USER REQUEST (rounded rect - UML action) -->
239
+ <g transform="translate(270, 72)" filter="url(#shadow)">
240
+ <rect x="0" y="0" width="160" height="40" rx="20" fill="#334155" stroke="#475569" stroke-width="1"/>
241
+ <text x="80" y="25" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="500" data-lang="fr">Demande utilisateur</text>
242
+ <text x="80" y="25" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="500" data-lang="en">User Request</text>
243
+ </g>
244
+ <path d="M350,112 L350,128" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
245
+
246
+ <!-- PHASE 1: DISCOVER -->
247
+ <g transform="translate(40, 132)" filter="url(#shadow)">
248
+ <rect x="0" y="0" width="190" height="52" rx="6" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
249
+ <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">1. DISCOVER</text>
250
+ <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="fr">Elicitation + Similarite</text>
251
+ <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="en">Elicitation + Similarity</text>
252
+ </g>
253
+ <!-- Connector line from center to phase 1 (L-shaped with rounded corner) -->
254
+ <path d="M350,132 L350,158 Q350,163 345,163 L235,163" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" fill="none" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
255
+ <!-- Output from phase 1 -->
256
+ <path d="M135,184 L135,204" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
257
+
258
+ <!-- PHASE 2: EXPLORE -->
259
+ <g transform="translate(40, 208)" filter="url(#shadow)">
260
+ <rect x="0" y="0" width="190" height="52" rx="6" fill="#1e3a5f" stroke="#60a5fa" stroke-width="2" stroke-dasharray="4,2"/>
261
+ <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">2. EXPLORE</text>
262
+ <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="fr">Contexte technique</text>
263
+ <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="en">Technical Context</text>
264
+ <rect x="145" y="5" width="40" height="14" rx="3" fill="rgba(96, 165, 250, 0.3)"/>
265
+ <text x="165" y="15" text-anchor="middle" fill="#93c5fd" font-size="8" font-weight="600">HAIKU</text>
266
+ </g>
267
+ <path d="M135,260 L135,280" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
268
+
269
+ <!-- PHASE 3: ANALYSE -->
270
+ <g transform="translate(40, 284)" filter="url(#shadow)">
271
+ <rect x="0" y="0" width="190" height="52" rx="6" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
272
+ <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">3. ANALYSE</text>
273
+ <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="fr">Exigences enrichies</text>
274
+ <text x="95" y="40" text-anchor="middle" fill="#93c5fd" font-size="10" data-lang="en">Enriched Requirements</text>
275
+ </g>
276
+
277
+ <!-- Transition from WHAT to HOW -->
278
+ <!-- Horizontal separator -->
279
+ <line x1="20" y1="390" x2="250" y2="390" stroke="#475569" stroke-width="1" stroke-dasharray="8,4"/>
280
+ <path d="M135,336 L135,438" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
281
+
282
+ <!-- PHASE 4: SPECIFY -->
283
+ <g transform="translate(40, 442)" filter="url(#shadow)">
284
+ <rect x="0" y="0" width="190" height="52" rx="6" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
285
+ <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">4. SPECIFY</text>
286
+ <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="fr">Specification (FRD)</text>
287
+ <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="en">Functional Spec (FRD)</text>
288
+ </g>
289
+ <path d="M135,494 L135,514" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
290
+
291
+ <!-- PHASE 5: VALIDATE - UML Decision diamond -->
292
+ <g transform="translate(40, 518)" filter="url(#shadow)">
293
+ <rect x="0" y="0" width="190" height="52" rx="6" fill="#134e4a" stroke="#14b8a6" stroke-width="2" stroke-dasharray="4,2"/>
294
+ <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">5. VALIDATE</text>
295
+ <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="fr">Validation utilisateur</text>
296
+ <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="en">User Approval</text>
297
+ <rect x="140" y="5" width="45" height="14" rx="3" fill="rgba(20, 184, 166, 0.3)"/>
298
+ <text x="162" y="15" text-anchor="middle" fill="#5eead4" font-size="8" font-weight="600">SONNET</text>
299
+ </g>
300
+
301
+ <!-- Decision diamond after VALIDATE -->
302
+ <polygon points="350,544 385,570 350,596 315,570" fill="#1e293b" stroke="#94a3b8" stroke-width="2"/>
303
+ <text x="350" y="574" text-anchor="middle" fill="#f1f5f9" font-size="11" font-weight="600">OK?</text>
304
+
305
+ <!-- Connector from VALIDATE to decision (L-shaped) -->
306
+ <path d="M230,544 L310,544 Q315,544 315,549 L315,565" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" fill="none" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
307
+
308
+ <!-- Loop back path (NO) - curved path going up -->
309
+ <path d="M350,544 L350,310 Q350,305 345,305 L235,305" stroke="#f87171" stroke-width="3" stroke-linecap="round" stroke-dasharray="8,4" fill="none" marker-end="url(#arrowLoop)" filter="url(#arrowGlow)"/>
310
+ <rect x="268" y="293" width="84" height="20" rx="4" fill="rgba(248, 113, 113, 0.15)" stroke="#f87171" stroke-width="1.5"/>
311
+ <text x="310" y="307" text-anchor="middle" fill="#f87171" font-size="9" font-weight="600" data-lang="fr">MODIFS</text>
312
+ <text x="310" y="307" text-anchor="middle" fill="#f87171" font-size="9" font-weight="600" data-lang="en">CHANGES</text>
313
+
314
+ <!-- YES path to HANDOFF (L-shaped with rounded corner) -->
315
+ <path d="M350,596 L350,620 Q350,625 345,625 L235,625" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" fill="none" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
316
+
317
+ <!-- PHASE 6: HANDOFF -->
318
+ <g transform="translate(40, 605)" filter="url(#shadow)">
319
+ <rect x="0" y="0" width="190" height="52" rx="6" fill="#134e4a" stroke="#0d9488" stroke-width="2"/>
320
+ <text x="95" y="22" text-anchor="middle" fill="#f1f5f9" font-size="13" font-weight="700">6. HANDOFF</text>
321
+ <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="fr">Brief d'implementation</text>
322
+ <text x="95" y="40" text-anchor="middle" fill="#5eead4" font-size="10" data-lang="en">Implementation Brief</text>
323
+ </g>
324
+ <path d="M135,657 L135,677" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
325
+
326
+ <!-- /implement - UML Final action -->
327
+ <g transform="translate(270, 681)" filter="url(#shadow)">
328
+ <rect x="0" y="0" width="160" height="36" rx="18" fill="#475569" stroke="#94a3b8" stroke-width="1.5"/>
329
+ <text x="80" y="23" text-anchor="middle" fill="#f1f5f9" font-size="12" font-weight="600">/implement</text>
330
+ </g>
331
+ <path d="M135,681 L135,699 Q135,704 140,704 L266,704" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" fill="none" marker-end="url(#arrowUml)" filter="url(#arrowGlow)"/>
332
+
333
+ <!-- Legend -->
334
+ <g transform="translate(520, 100)">
335
+ <text x="0" y="0" fill="#94a3b8" font-size="11" font-weight="700" data-lang="fr">Legende</text>
336
+ <text x="0" y="0" fill="#94a3b8" font-size="11" font-weight="700" data-lang="en">Legend</text>
337
+ <!-- WHAT box -->
338
+ <rect x="0" y="14" width="16" height="12" rx="2" fill="#1e3a5f" stroke="#3b82f6" stroke-width="1.5"/>
339
+ <text x="24" y="24" fill="#94a3b8" font-size="9" data-lang="fr">Phase QUOI</text>
340
+ <text x="24" y="24" fill="#94a3b8" font-size="9" data-lang="en">WHAT phase</text>
341
+ <!-- HOW box -->
342
+ <rect x="0" y="34" width="16" height="12" rx="2" fill="#134e4a" stroke="#0d9488" stroke-width="1.5"/>
343
+ <text x="24" y="44" fill="#94a3b8" font-size="9" data-lang="fr">Phase COMMENT</text>
344
+ <text x="24" y="44" fill="#94a3b8" font-size="9" data-lang="en">HOW phase</text>
345
+ <!-- Dashed = agents -->
346
+ <rect x="0" y="54" width="16" height="12" rx="2" fill="none" stroke="#60a5fa" stroke-width="1.5" stroke-dasharray="3,2"/>
347
+ <text x="24" y="64" fill="#94a3b8" font-size="9">Haiku agents</text>
348
+ <!-- Flow arrow -->
349
+ <path d="M0,80 L12,80" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" marker-end="url(#arrowUml)"/>
350
+ <text x="24" y="84" fill="#94a3b8" font-size="9" data-lang="fr">Flux normal</text>
351
+ <text x="24" y="84" fill="#94a3b8" font-size="9" data-lang="en">Normal flow</text>
352
+ <!-- Loop -->
353
+ <path d="M0,100 L12,100" stroke="#f87171" stroke-width="3" stroke-linecap="round" stroke-dasharray="6,3" marker-end="url(#arrowLoop)"/>
354
+ <text x="24" y="104" fill="#94a3b8" font-size="9" data-lang="fr">Boucle retour</text>
355
+ <text x="24" y="104" fill="#94a3b8" font-size="9" data-lang="en">Feedback loop</text>
356
+ <!-- Decision -->
357
+ <polygon points="8,114 16,122 8,130 0,122" fill="#1e293b" stroke="#94a3b8" stroke-width="1.5"/>
358
+ <text x="24" y="126" fill="#94a3b8" font-size="9" data-lang="fr">Decision</text>
359
+ <text x="24" y="126" fill="#94a3b8" font-size="9" data-lang="en">Decision</text>
360
+ </g>
361
+
362
+ <!-- Annotations -->
363
+ <g transform="translate(520, 260)">
364
+ <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="fr">Fichiers de sortie</text>
365
+ <text x="0" y="0" fill="#64748b" font-size="10" font-weight="600" data-lang="en">Output Files</text>
366
+ <text x="0" y="18" fill="#94a3b8" font-size="9">01-business-requirements.md</text>
367
+ <text x="0" y="32" fill="#94a3b8" font-size="9">02-technical-context.md</text>
368
+ <text x="0" y="46" fill="#94a3b8" font-size="9">03-enriched-requirements.md</text>
369
+ <text x="0" y="60" fill="#94a3b8" font-size="9">04-functional-spec.md</text>
370
+ <text x="0" y="74" fill="#94a3b8" font-size="9">05-feedback-v[N].md</text>
371
+ <text x="0" y="88" fill="#94a3b8" font-size="9">06-implementation-brief.md</text>
372
+ </g>
373
+ </svg>
374
+ </div>
375
+ </section>
376
+
377
+ <!-- The 6 Phases -->
378
+ <section id="phases">
379
+ <h2>
380
+ <span data-lang="fr">Les 6 Phases</span>
381
+ <span data-lang="en">The 6 Phases</span>
382
+ </h2>
383
+
384
+ <div class="table-container">
385
+ <table>
386
+ <thead>
387
+ <tr>
388
+ <th>#</th>
389
+ <th>Phase</th>
390
+ <th data-lang="fr">Commande</th>
391
+ <th data-lang="en">Command</th>
392
+ <th data-lang="fr">Modele</th>
393
+ <th data-lang="en">Model</th>
394
+ <th data-lang="fr">Mission</th>
395
+ <th data-lang="en">Mission</th>
396
+ <th data-lang="fr">Fichier de sortie</th>
397
+ <th data-lang="en">Output File</th>
398
+ </tr>
399
+ </thead>
400
+ <tbody>
401
+ <tr style="background: rgba(139, 92, 246, 0.1);">
402
+ <td><strong>1</strong></td>
403
+ <td><strong>DISCOVER</strong></td>
404
+ <td><code>:1-discover</code></td>
405
+ <td>ULTRATHINK</td>
406
+ <td data-lang="fr">Elicitation + detection similarite</td>
407
+ <td data-lang="en">Elicitation + similarity detection</td>
408
+ <td><code>01-business-requirements.md</code></td>
409
+ </tr>
410
+ <tr style="background: rgba(59, 130, 246, 0.1);">
411
+ <td><strong>2</strong></td>
412
+ <td><strong>EXPLORE</strong></td>
413
+ <td><code>:2-explore</code></td>
414
+ <td>Haiku</td>
415
+ <td data-lang="fr">Contexte technique (agents)</td>
416
+ <td data-lang="en">Technical context (agents)</td>
417
+ <td><code>02-technical-context.md</code></td>
418
+ </tr>
419
+ <tr style="background: rgba(236, 72, 153, 0.1);">
420
+ <td><strong>3</strong></td>
421
+ <td><strong>ANALYSE</strong></td>
422
+ <td><code>:3-analyse</code></td>
423
+ <td>ULTRATHINK</td>
424
+ <td data-lang="fr">Synthese besoin + technique</td>
425
+ <td data-lang="en">Merge need + technical context</td>
426
+ <td><code>03-enriched-requirements.md</code></td>
427
+ </tr>
428
+ <tr style="background: rgba(168, 85, 247, 0.1);">
429
+ <td><strong>4</strong></td>
430
+ <td><strong>SPECIFY</strong></td>
431
+ <td><code>:4-specify</code></td>
432
+ <td>ULTRATHINK</td>
433
+ <td data-lang="fr">Specification fonctionnelle (FRD)</td>
434
+ <td data-lang="en">Functional specification (FRD)</td>
435
+ <td><code>04-functional-spec.md</code></td>
436
+ </tr>
437
+ <tr style="background: rgba(34, 197, 94, 0.1);">
438
+ <td><strong>5</strong></td>
439
+ <td><strong>VALIDATE</strong></td>
440
+ <td><code>:5-validate</code></td>
441
+ <td>Sonnet</td>
442
+ <td data-lang="fr">Validation utilisateur (loop → 3)</td>
443
+ <td data-lang="en">User validation (loop → 3)</td>
444
+ <td><code>05-feedback-v[N].md</code></td>
445
+ </tr>
446
+ <tr style="background: rgba(249, 115, 22, 0.1);">
447
+ <td><strong>6</strong></td>
448
+ <td><strong>HANDOFF</strong></td>
449
+ <td><code>:6-handoff</code></td>
450
+ <td>ULTRATHINK</td>
451
+ <td data-lang="fr">Brief d'implementation (anglais)</td>
452
+ <td data-lang="en">Implementation brief (English)</td>
453
+ <td><code>06-implementation-brief.md</code></td>
454
+ </tr>
455
+ </tbody>
456
+ </table>
457
+ </div>
458
+ </section>
459
+
460
+ <!-- Phase 1: Discover -->
461
+ <section id="phase-1">
462
+ <h2>Phase 1: DISCOVER</h2>
463
+ <div class="command-card">
464
+ <div class="command-header">
465
+ <code class="command-name">/business-analyse:1-discover</code>
466
+ <span class="badge badge-purple">ULTRATHINK</span>
467
+ </div>
468
+ <div class="command-body">
469
+ <p data-lang="fr">
470
+ <strong>Mission</strong> : Comprendre le vrai besoin utilisateur avant toute exploration technique.
471
+ </p>
472
+ <p data-lang="en">
473
+ <strong>Mission</strong>: Understand the real user need before any technical exploration.
474
+ </p>
475
+
476
+ <h4 data-lang="fr">Etapes</h4>
477
+ <h4 data-lang="en">Steps</h4>
478
+ <ol>
479
+ <li data-lang="fr"><strong>Similarity Check</strong> : Lance l'agent <code>ba-similarity</code> pour detecter les doublons</li>
480
+ <li data-lang="en"><strong>Similarity Check</strong>: Launches <code>ba-similarity</code> agent to detect duplicates</li>
481
+ <li data-lang="fr"><strong>Elicitation</strong> : Pose des questions ciblees (max 5)</li>
482
+ <li data-lang="en"><strong>Elicitation</strong>: Asks targeted questions (max 5)</li>
483
+ <li data-lang="fr"><strong>Business Requirements</strong> : Formalise le besoin en langage utilisateur</li>
484
+ <li data-lang="en"><strong>Business Requirements</strong>: Formalizes need in user language</li>
485
+ </ol>
486
+
487
+ <div class="code-block">
488
+ <button class="copy-btn">Copy</button>
489
+ <pre><code>/business-analyse:1-discover Je veux pouvoir exporter mes donnees clients</code></pre>
490
+ </div>
491
+
492
+ <h4 data-lang="fr">Resultats de similarite</h4>
493
+ <h4 data-lang="en">Similarity Results</h4>
494
+ <table class="reference-table">
495
+ <thead>
496
+ <tr>
497
+ <th data-lang="fr">Resultat</th>
498
+ <th data-lang="en">Result</th>
499
+ <th>Action</th>
500
+ </tr>
501
+ </thead>
502
+ <tbody>
503
+ <tr>
504
+ <td><strong>DUPLICATE</strong></td>
505
+ <td data-lang="fr">STOP - Reference spec existante</td>
506
+ <td data-lang="en">STOP - Reference existing spec</td>
507
+ </tr>
508
+ <tr>
509
+ <td><strong>EXTEND</strong></td>
510
+ <td data-lang="fr">Note feature existante a etendre</td>
511
+ <td data-lang="en">Note existing feature to extend</td>
512
+ </tr>
513
+ <tr>
514
+ <td><strong>NEW</strong></td>
515
+ <td data-lang="fr">Proceder normalement</td>
516
+ <td data-lang="en">Proceed normally</td>
517
+ </tr>
518
+ </tbody>
519
+ </table>
520
+ </div>
521
+ </div>
522
+ </section>
523
+
524
+ <!-- Phase 2: Explore -->
525
+ <section id="phase-2">
526
+ <h2>Phase 2: EXPLORE</h2>
527
+ <div class="command-card">
528
+ <div class="command-header">
529
+ <code class="command-name">/business-analyse:2-explore</code>
530
+ <span class="badge badge-blue">Haiku Agents</span>
531
+ </div>
532
+ <div class="command-body">
533
+ <p data-lang="fr">
534
+ <strong>Mission</strong> : Collecter le contexte technique avec des agents paralleles.
535
+ </p>
536
+ <p data-lang="en">
537
+ <strong>Mission</strong>: Collect technical context with parallel agents.
538
+ </p>
539
+
540
+ <div class="code-block">
541
+ <button class="copy-btn">Copy</button>
542
+ <pre><code>/business-analyse:2-explore [feature-name]</code></pre>
543
+ </div>
544
+
545
+ <h4 data-lang="fr">Selection automatique des agents</h4>
546
+ <h4 data-lang="en">Automatic agent selection</h4>
547
+
548
+ <table class="reference-table">
549
+ <thead>
550
+ <tr>
551
+ <th data-lang="fr">Type de feature</th>
552
+ <th data-lang="en">Feature type</th>
553
+ <th>Agents</th>
554
+ <th>Tokens</th>
555
+ </tr>
556
+ </thead>
557
+ <tbody>
558
+ <tr>
559
+ <td>UI only</td>
560
+ <td><code>explore-theme</code>, <code>explore-api</code></td>
561
+ <td>~2,400</td>
562
+ </tr>
563
+ <tr>
564
+ <td>Data feature</td>
565
+ <td><code>explore-schema</code>, <code>explore-api</code></td>
566
+ <td>~2,700</td>
567
+ </tr>
568
+ <tr>
569
+ <td>New page</td>
570
+ <td><code>explore-navigation</code>, <code>explore-theme</code>, <code>explore-api</code></td>
571
+ <td>~3,600</td>
572
+ </tr>
573
+ <tr>
574
+ <td>Security</td>
575
+ <td><code>explore-permissions</code>, <code>explore-api</code></td>
576
+ <td>~2,200</td>
577
+ </tr>
578
+ <tr>
579
+ <td>Full module</td>
580
+ <td><code>explore-schema</code>, <code>explore-permissions</code>, <code>explore-api</code></td>
581
+ <td>~3,700</td>
582
+ </tr>
583
+ </tbody>
584
+ </table>
585
+
586
+ <div class="alert alert-info">
587
+ <span class="alert-icon">&#128161;</span>
588
+ <div class="alert-content">
589
+ <p data-lang="fr"><strong>Maximum 3 agents</strong> pour optimiser les tokens.</p>
590
+ <p data-lang="en"><strong>Maximum 3 agents</strong> to optimize tokens.</p>
591
+ </div>
592
+ </div>
593
+ </div>
594
+ </div>
595
+ </section>
596
+
597
+ <!-- Phase 3: Analyse -->
598
+ <section id="phase-3">
599
+ <h2>Phase 3: ANALYSE</h2>
600
+ <div class="command-card">
601
+ <div class="command-header">
602
+ <code class="command-name">/business-analyse:3-analyse</code>
603
+ <span class="badge badge-pink">ULTRATHINK</span>
604
+ </div>
605
+ <div class="command-body">
606
+ <p data-lang="fr">
607
+ <strong>Mission</strong> : Fusionner le besoin utilisateur avec le contexte technique. Identifier les gaps et conflits.
608
+ </p>
609
+ <p data-lang="en">
610
+ <strong>Mission</strong>: Merge user need with technical context. Identify gaps and conflicts.
611
+ </p>
612
+
613
+ <div class="code-block">
614
+ <button class="copy-btn">Copy</button>
615
+ <pre><code>/business-analyse:3-analyse [feature-name]</code></pre>
616
+ </div>
617
+
618
+ <h4 data-lang="fr">Analyse des gaps</h4>
619
+ <h4 data-lang="en">Gap Analysis</h4>
620
+ <ul>
621
+ <li data-lang="fr"><strong>Feasibility Check</strong> : Ce que l'utilisateur veut vs ce que le systeme peut faire</li>
622
+ <li data-lang="en"><strong>Feasibility Check</strong>: What user wants vs what system can do</li>
623
+ <li data-lang="fr"><strong>Conflicts</strong> : Contradictions entre besoin et contraintes techniques</li>
624
+ <li data-lang="en"><strong>Conflicts</strong>: Contradictions between need and technical constraints</li>
625
+ <li data-lang="fr"><strong>Opportunities</strong> : Features existantes qui peuvent aider</li>
626
+ <li data-lang="en"><strong>Opportunities</strong>: Existing features that can help</li>
627
+ </ul>
628
+
629
+ <div class="alert alert-warning">
630
+ <span class="alert-icon">&#9888;</span>
631
+ <div class="alert-content">
632
+ <p data-lang="fr">
633
+ Si des gaps ou conflits existent, des <strong>questions ciblees</strong> sont posees a l'utilisateur avant de continuer.
634
+ </p>
635
+ <p data-lang="en">
636
+ If gaps or conflicts exist, <strong>targeted questions</strong> are asked to the user before continuing.
637
+ </p>
638
+ </div>
639
+ </div>
640
+ </div>
641
+ </div>
642
+ </section>
643
+
644
+ <!-- Phase 4: Specify -->
645
+ <section id="phase-4">
646
+ <h2>Phase 4: SPECIFY</h2>
647
+ <div class="command-card">
648
+ <div class="command-header">
649
+ <code class="command-name">/business-analyse:4-specify</code>
650
+ <span class="badge badge-purple">ULTRATHINK</span>
651
+ </div>
652
+ <div class="command-body">
653
+ <p data-lang="fr">
654
+ <strong>Mission</strong> : Produire le FRD (Functional Requirements Document) detaille pour validation humaine.
655
+ </p>
656
+ <p data-lang="en">
657
+ <strong>Mission</strong>: Produce detailed FRD (Functional Requirements Document) for human validation.
658
+ </p>
659
+
660
+ <div class="code-block">
661
+ <button class="copy-btn">Copy</button>
662
+ <pre><code># Generate specification
663
+ /business-analyse:4-specify [feature-name]
664
+
665
+ # With HTML mockup
666
+ /business-analyse:4-specify [feature-name] --mockup
667
+
668
+ # With PlantUML diagrams
669
+ /business-analyse:4-specify [feature-name] --plantuml</code></pre>
670
+ </div>
671
+
672
+ <h4 data-lang="fr">Sections dynamiques</h4>
673
+ <h4 data-lang="en">Dynamic sections</h4>
674
+ <table class="reference-table">
675
+ <thead>
676
+ <tr>
677
+ <th>Section</th>
678
+ <th data-lang="fr">Incluse quand</th>
679
+ <th data-lang="en">Included when</th>
680
+ </tr>
681
+ </thead>
682
+ <tbody>
683
+ <tr><td>Context</td><td colspan="2">Always</td></tr>
684
+ <tr><td>Functional Requirements</td><td colspan="2">Always</td></tr>
685
+ <tr><td>Data Model</td><td data-lang="fr">Changements DB</td><td data-lang="en">DB changes</td></tr>
686
+ <tr><td>UI Specification</td><td data-lang="fr">Changements UI</td><td data-lang="en">UI changes</td></tr>
687
+ <tr><td>Navigation</td><td data-lang="fr">Nouvelle page</td><td data-lang="en">New page</td></tr>
688
+ <tr><td>Permissions</td><td data-lang="fr">Nouvelles permissions</td><td data-lang="en">New permissions</td></tr>
689
+ <tr><td>User Flow</td><td data-lang="fr">Workflow complexe</td><td data-lang="en">Complex workflow</td></tr>
690
+ <tr><td>API Specification</td><td data-lang="fr">Changements backend</td><td data-lang="en">Backend changes</td></tr>
691
+ <tr><td>Acceptance Criteria</td><td colspan="2">Always</td></tr>
692
+ </tbody>
693
+ </table>
694
+
695
+ <h4>Options</h4>
696
+ <table class="reference-table">
697
+ <thead>
698
+ <tr>
699
+ <th>Option</th>
700
+ <th data-lang="fr">Effet</th>
701
+ <th data-lang="en">Effect</th>
702
+ <th>Tokens</th>
703
+ </tr>
704
+ </thead>
705
+ <tbody>
706
+ <tr>
707
+ <td><code>--mockup</code></td>
708
+ <td data-lang="fr">Maquette HTML avec CSS projet</td>
709
+ <td data-lang="en">HTML mockup with project CSS</td>
710
+ <td>+2,000</td>
711
+ </tr>
712
+ <tr>
713
+ <td><code>--plantuml</code></td>
714
+ <td data-lang="fr">Diagrammes ER/sequence</td>
715
+ <td data-lang="en">ER/sequence diagrams</td>
716
+ <td>+800</td>
717
+ </tr>
718
+ </tbody>
719
+ </table>
720
+ </div>
721
+ </div>
722
+ </section>
723
+
724
+ <!-- Phase 5: Validate -->
725
+ <section id="phase-5">
726
+ <h2>Phase 5: VALIDATE</h2>
727
+ <div class="command-card">
728
+ <div class="command-header">
729
+ <code class="command-name">/business-analyse:5-validate</code>
730
+ <span class="badge badge-green">Sonnet</span>
731
+ </div>
732
+ <div class="command-body">
733
+ <p data-lang="fr">
734
+ <strong>Mission</strong> : Presenter le FRD a l'utilisateur et collecter son feedback.
735
+ </p>
736
+ <p data-lang="en">
737
+ <strong>Mission</strong>: Present FRD to user and collect feedback.
738
+ </p>
739
+
740
+ <div class="code-block">
741
+ <button class="copy-btn">Copy</button>
742
+ <pre><code>/business-analyse:5-validate [feature-name]</code></pre>
743
+ </div>
744
+
745
+ <h4 data-lang="fr">Options de validation</h4>
746
+ <h4 data-lang="en">Validation Options</h4>
747
+ <table class="reference-table">
748
+ <thead>
749
+ <tr>
750
+ <th>Option</th>
751
+ <th data-lang="fr">Action</th>
752
+ <th data-lang="en">Action</th>
753
+ </tr>
754
+ </thead>
755
+ <tbody>
756
+ <tr style="background: rgba(34, 197, 94, 0.1);">
757
+ <td><strong>APPROVED</strong></td>
758
+ <td data-lang="fr">Passer a Phase 6 (Handoff)</td>
759
+ <td data-lang="en">Proceed to Phase 6 (Handoff)</td>
760
+ </tr>
761
+ <tr style="background: rgba(234, 179, 8, 0.1);">
762
+ <td><strong>MINOR CHANGES</strong></td>
763
+ <td data-lang="fr">Modifications directes dans le FRD</td>
764
+ <td data-lang="en">Direct modifications in FRD</td>
765
+ </tr>
766
+ <tr style="background: rgba(239, 68, 68, 0.1);">
767
+ <td><strong>MAJOR CHANGES</strong></td>
768
+ <td data-lang="fr">Retour a Phase 3 (Analyse)</td>
769
+ <td data-lang="en">Return to Phase 3 (Analyse)</td>
770
+ </tr>
771
+ <tr style="background: rgba(107, 114, 128, 0.1);">
772
+ <td><strong>REJECTED</strong></td>
773
+ <td data-lang="fr">Archiver et recommencer</td>
774
+ <td data-lang="en">Archive and start over</td>
775
+ </tr>
776
+ </tbody>
777
+ </table>
778
+
779
+ <div class="alert alert-info">
780
+ <span class="alert-icon">&#128260;</span>
781
+ <div class="alert-content">
782
+ <h5 data-lang="fr">Boucle de validation</h5>
783
+ <h5 data-lang="en">Validation Loop</h5>
784
+ <p data-lang="fr">
785
+ En cas de <strong>MAJOR CHANGES</strong>, le workflow retourne a la Phase 3 pour re-analyser avec les nouvelles informations.
786
+ </p>
787
+ <p data-lang="en">
788
+ On <strong>MAJOR CHANGES</strong>, the workflow returns to Phase 3 to re-analyze with new information.
789
+ </p>
790
+ </div>
791
+ </div>
792
+ </div>
793
+ </div>
794
+ </section>
795
+
796
+ <!-- Phase 6: Handoff -->
797
+ <section id="phase-6">
798
+ <h2>Phase 6: HANDOFF</h2>
799
+ <div class="command-card">
800
+ <div class="command-header">
801
+ <code class="command-name">/business-analyse:6-handoff</code>
802
+ <span class="badge badge-orange">ULTRATHINK</span>
803
+ </div>
804
+ <div class="command-body">
805
+ <p data-lang="fr">
806
+ <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.
807
+ </p>
808
+ <p data-lang="en">
809
+ <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.
810
+ </p>
811
+
812
+ <div class="code-block">
813
+ <button class="copy-btn">Copy</button>
814
+ <pre><code>/business-analyse:6-handoff [feature-name]</code></pre>
815
+ </div>
816
+
817
+ <h4 data-lang="fr">Format de sortie (diff-like)</h4>
818
+ <h4 data-lang="en">Output format (diff-like)</h4>
819
+
820
+ <div class="code-block">
821
+ <button class="copy-btn">Copy</button>
822
+ <pre><code># IMPLEMENTATION BRIEF: [Feature Name]
823
+
824
+ ## Files
825
+
826
+ ### Backend
827
+
828
+ CREATE `src/Domain/Entities/Feature.cs`
829
+ COPY: `src/Domain/Entities/User.cs`
830
+ CHANGE: class name, properties per spec
831
+
832
+ MODIFY `src/Infrastructure/Data/AppDbContext.cs`
833
+ AT: line 45
834
+ ADD: `public DbSet&lt;Feature&gt; Features =&gt; Set&lt;Feature&gt;();`
835
+
836
+ ### Frontend
837
+
838
+ CREATE `src/app/module/feature/feature.component.ts`
839
+ RUN FIRST: `ng generate component module/feature`
840
+ COPY PATTERN: `src/app/existing/existing.component.ts`
841
+
842
+ ## Commands
843
+
844
+ ```bash
845
+ dotnet build src/Api
846
+ dotnet ef migrations add AddFeatureTable
847
+ npm run build
848
+ npm run lint
849
+ ```
850
+
851
+ ## Verify
852
+
853
+ - [ ] Build passes
854
+ - [ ] Navigate to /feature works
855
+ - [ ] CRUD operations work</code></pre>
856
+ </div>
857
+
858
+ <div class="alert alert-success">
859
+ <span class="alert-icon">&#128640;</span>
860
+ <div class="alert-content">
861
+ <h5 data-lang="fr">Pret pour implementation</h5>
862
+ <h5 data-lang="en">Ready for implementation</h5>
863
+ <p data-lang="fr">
864
+ Le brief peut etre passe directement a <code>/implement</code> pour une execution oneshot.
865
+ </p>
866
+ <p data-lang="en">
867
+ The brief can be passed directly to <code>/implement</code> for oneshot execution.
868
+ </p>
869
+ <div class="code-block" style="margin-top: 0.5rem;">
870
+ <pre><code>/implement .claude/ba/[feature]/06-implementation-brief.md</code></pre>
871
+ </div>
872
+ </div>
873
+ </div>
874
+ </div>
875
+ </div>
876
+ </section>
877
+
878
+ <!-- Agents -->
879
+ <section id="agents">
880
+ <h2 data-lang="fr">Agents specialises</h2>
881
+ <h2 data-lang="en">Specialized Agents</h2>
882
+
883
+ <table class="reference-table">
884
+ <thead>
885
+ <tr>
886
+ <th>Agent</th>
887
+ <th data-lang="fr">Mission</th>
888
+ <th data-lang="en">Mission</th>
889
+ <th data-lang="fr">Utilise en</th>
890
+ <th data-lang="en">Used in</th>
891
+ </tr>
892
+ </thead>
893
+ <tbody>
894
+ <tr style="background: rgba(139, 92, 246, 0.1);">
895
+ <td><code>ba-similarity</code></td>
896
+ <td data-lang="fr">Detecte les features similaires ou doublons</td>
897
+ <td data-lang="en">Detects similar features or duplicates</td>
898
+ <td>Phase 1</td>
899
+ </tr>
900
+ <tr>
901
+ <td><code>explore-api</code></td>
902
+ <td data-lang="fr">Endpoints, controllers, DTOs, patterns API</td>
903
+ <td data-lang="en">Endpoints, controllers, DTOs, API patterns</td>
904
+ <td>Phase 2</td>
905
+ </tr>
906
+ <tr>
907
+ <td><code>explore-schema</code></td>
908
+ <td data-lang="fr">Schema DB, entites, configurations</td>
909
+ <td data-lang="en">DB schema, entities, configurations</td>
910
+ <td>Phase 2</td>
911
+ </tr>
912
+ <tr>
913
+ <td><code>explore-permissions</code></td>
914
+ <td data-lang="fr">RBAC, roles, autorisations</td>
915
+ <td data-lang="en">RBAC, roles, authorizations</td>
916
+ <td>Phase 2</td>
917
+ </tr>
918
+ <tr>
919
+ <td><code>explore-navigation</code></td>
920
+ <td data-lang="fr">Menus, routes, pages</td>
921
+ <td data-lang="en">Menus, routes, pages</td>
922
+ <td>Phase 2</td>
923
+ </tr>
924
+ <tr>
925
+ <td><code>explore-theme</code></td>
926
+ <td data-lang="fr">UI patterns, composants, design system</td>
927
+ <td data-lang="en">UI patterns, components, design system</td>
928
+ <td>Phase 2</td>
929
+ </tr>
930
+ </tbody>
931
+ </table>
932
+ </section>
933
+
934
+ <!-- Files -->
935
+ <section id="files">
936
+ <h2>
937
+ <span data-lang="fr">Structure des fichiers</span>
938
+ <span data-lang="en">File Structure</span>
939
+ </h2>
940
+
941
+ <div class="code-block">
942
+ <button class="copy-btn">Copy</button>
943
+ <pre><code>.claude/ba/
944
+ └── [feature-name]/
945
+ ├── 01-business-requirements.md # Phase 1: DISCOVER
946
+ ├── 02-technical-context.md # Phase 2: EXPLORE
947
+ ├── 03-enriched-requirements.md # Phase 3: ANALYSE
948
+ ├── 04-functional-spec.md # Phase 4: SPECIFY
949
+ ├── 05-feedback-v1.md # Phase 5: VALIDATE (si changes)
950
+ ├── 05-feedback-v2.md # (iterations)
951
+ └── 06-implementation-brief.md # Phase 6: HANDOFF</code></pre>
952
+ </div>
953
+
954
+ <div class="table-container">
955
+ <table>
956
+ <thead>
957
+ <tr>
958
+ <th data-lang="fr">Fichier</th>
959
+ <th data-lang="en">File</th>
960
+ <th data-lang="fr">Genere par</th>
961
+ <th data-lang="en">Generated by</th>
962
+ <th data-lang="fr">Lu par</th>
963
+ <th data-lang="en">Read by</th>
964
+ </tr>
965
+ </thead>
966
+ <tbody>
967
+ <tr>
968
+ <td><code>01-business-requirements.md</code></td>
969
+ <td>Phase 1</td>
970
+ <td>Phase 2, 3</td>
971
+ </tr>
972
+ <tr>
973
+ <td><code>02-technical-context.md</code></td>
974
+ <td>Phase 2</td>
975
+ <td>Phase 3</td>
976
+ </tr>
977
+ <tr>
978
+ <td><code>03-enriched-requirements.md</code></td>
979
+ <td>Phase 3</td>
980
+ <td>Phase 4</td>
981
+ </tr>
982
+ <tr>
983
+ <td><code>04-functional-spec.md</code></td>
984
+ <td>Phase 4</td>
985
+ <td data-lang="fr">Humain (validation), Phase 6</td>
986
+ <td data-lang="en">Human (validation), Phase 6</td>
987
+ </tr>
988
+ <tr>
989
+ <td><code>06-implementation-brief.md</code></td>
990
+ <td>Phase 6</td>
991
+ <td><code>/implement</code></td>
992
+ </tr>
993
+ </tbody>
994
+ </table>
995
+ </div>
996
+ </section>
997
+
998
+ <!-- Complete Example -->
999
+ <section id="example">
1000
+ <h2>
1001
+ <span data-lang="fr">Exemple complet</span>
1002
+ <span data-lang="en">Complete Example</span>
1003
+ </h2>
1004
+
1005
+ <div class="code-block">
1006
+ <button class="copy-btn">Copy</button>
1007
+ <pre><code># Phase 1: Comprendre le besoin
1008
+ /business-analyse:1-discover Je veux gerer les utilisateurs avec des roles
1009
+
1010
+ # → Questions d'elicitation posees
1011
+ # → Agent ba-similarity verifie les doublons
1012
+ # → Cree: .claude/ba/user-management/01-business-requirements.md
1013
+
1014
+ # Phase 2: Explorer le contexte technique
1015
+ /business-analyse:2-explore user-management
1016
+
1017
+ # → Lance agents: explore-schema, explore-permissions, explore-api
1018
+ # → Cree: .claude/ba/user-management/02-technical-context.md
1019
+
1020
+ # Phase 3: Analyser et enrichir
1021
+ /business-analyse:3-analyse user-management
1022
+
1023
+ # → Fusionne besoin + technique
1024
+ # → Identifie gaps et conflits
1025
+ # → Cree: .claude/ba/user-management/03-enriched-requirements.md
1026
+
1027
+ # Phase 4: Specifier (FRD)
1028
+ /business-analyse:4-specify user-management --plantuml
1029
+
1030
+ # → Genere le FRD complet avec diagrammes
1031
+ # → Cree: .claude/ba/user-management/04-functional-spec.md
1032
+
1033
+ # Phase 5: Valider avec l'utilisateur
1034
+ /business-analyse:5-validate user-management
1035
+
1036
+ # → Presente resume pour validation
1037
+ # → Si APPROVED → Phase 6
1038
+ # → Si MAJOR CHANGES → Retour Phase 3
1039
+
1040
+ # Phase 6: Generer le brief d'implementation
1041
+ /business-analyse:6-handoff user-management
1042
+
1043
+ # → Transforme FRD en brief diff-like (anglais)
1044
+ # → Cree: .claude/ba/user-management/06-implementation-brief.md
1045
+
1046
+ # Implementation
1047
+ /implement .claude/ba/user-management/06-implementation-brief.md
1048
+
1049
+ # → Claude Code execute le brief en oneshot</code></pre>
1050
+ </div>
1051
+
1052
+ <div class="alert alert-info">
1053
+ <span class="alert-icon">&#127919;</span>
1054
+ <div class="alert-content">
1055
+ <h5 data-lang="fr">Conseil</h5>
1056
+ <h5 data-lang="en">Pro Tip</h5>
1057
+ <p data-lang="fr">
1058
+ Les fichiers dans <code>.claude/ba/</code> constituent un historique precieux. Conservez-les pour documenter les evolutions futures et faciliter la maintenance.
1059
+ </p>
1060
+ <p data-lang="en">
1061
+ Files in <code>.claude/ba/</code> are valuable history. Keep them to document future evolutions and facilitate maintenance.
1062
+ </p>
1063
+ </div>
1064
+ </div>
1065
+ </section>
1066
+
1067
+ </div>
1068
+ </main>
1069
+ </div>
1070
+ </div>
1071
+
1072
+ <script src="js/app.js"></script>
1073
+ </body>
1074
+ </html>