@atlashub/smartstack-cli 1.4.1 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/.documentation/agents.html +916 -916
  2. package/.documentation/apex.html +1018 -1018
  3. package/.documentation/business-analyse.html +1501 -1501
  4. package/.documentation/commands.html +680 -680
  5. package/.documentation/css/styles.css +2168 -2168
  6. package/.documentation/efcore.html +2505 -2505
  7. package/.documentation/gitflow.html +2618 -2618
  8. package/.documentation/hooks.html +413 -413
  9. package/.documentation/index.html +323 -323
  10. package/.documentation/installation.html +462 -462
  11. package/.documentation/js/app.js +794 -794
  12. package/.documentation/test-web.html +513 -513
  13. package/dist/index.js +807 -277
  14. package/dist/index.js.map +1 -1
  15. package/package.json +1 -1
  16. package/templates/agents/efcore/conflicts.md +44 -17
  17. package/templates/agents/efcore/db-status.md +27 -6
  18. package/templates/agents/efcore/scan.md +43 -13
  19. package/templates/commands/ai-prompt.md +315 -315
  20. package/templates/commands/application/create.md +362 -362
  21. package/templates/commands/controller/create.md +216 -216
  22. package/templates/commands/controller.md +59 -0
  23. package/templates/commands/documentation/module.md +202 -202
  24. package/templates/commands/efcore/_env-check.md +153 -153
  25. package/templates/commands/efcore/conflicts.md +109 -192
  26. package/templates/commands/efcore/db-status.md +101 -89
  27. package/templates/commands/efcore/migration.md +23 -11
  28. package/templates/commands/efcore/scan.md +115 -119
  29. package/templates/commands/efcore.md +54 -6
  30. package/templates/commands/feature-full.md +267 -267
  31. package/templates/commands/gitflow/11-finish.md +145 -11
  32. package/templates/commands/gitflow/13-sync.md +216 -216
  33. package/templates/commands/gitflow/14-rebase.md +251 -251
  34. package/templates/commands/gitflow/2-status.md +120 -10
  35. package/templates/commands/gitflow/3-commit.md +150 -0
  36. package/templates/commands/gitflow/7-pull-request.md +134 -5
  37. package/templates/commands/gitflow/9-merge.md +142 -1
  38. package/templates/commands/implement.md +663 -663
  39. package/templates/commands/init.md +562 -0
  40. package/templates/commands/mcp-integration.md +330 -0
  41. package/templates/commands/notification.md +129 -129
  42. package/templates/commands/validate.md +233 -0
  43. package/templates/commands/workflow.md +193 -193
  44. package/templates/skills/ai-prompt/SKILL.md +778 -778
  45. package/templates/skills/application/SKILL.md +563 -563
  46. package/templates/skills/application/templates-backend.md +450 -450
  47. package/templates/skills/application/templates-frontend.md +531 -531
  48. package/templates/skills/application/templates-i18n.md +520 -520
  49. package/templates/skills/application/templates-seed.md +647 -647
  50. package/templates/skills/controller/SKILL.md +240 -240
  51. package/templates/skills/controller/postman-templates.md +614 -614
  52. package/templates/skills/controller/templates.md +1468 -1468
  53. package/templates/skills/documentation/SKILL.md +133 -133
  54. package/templates/skills/documentation/templates.md +476 -476
  55. package/templates/skills/feature-full/SKILL.md +838 -838
  56. package/templates/skills/notification/SKILL.md +555 -555
  57. package/templates/skills/ui-components/SKILL.md +870 -870
  58. package/templates/skills/workflow/SKILL.md +582 -582
@@ -1,916 +1,916 @@
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>Agents - SmartStack CLI</title>
7
- <link rel="stylesheet" href="css/styles.css">
8
- </head>
9
- <body>
10
- <div class="app-container">
11
- <!-- Global Header (single unified element) -->
12
- <header class="global-header">
13
- <div class="logo">SS</div>
14
- <span class="site-title">SmartStack CLI</span>
15
- <span class="version-badge">v1.4.0</span>
16
- <div class="header-divider"></div>
17
- <span class="page-title" data-lang="fr">Agents Spécialisés</span>
18
- <span class="page-title" data-lang="en">Specialized Agents</span>
19
- <nav class="breadcrumb">
20
- <a href="index.html">
21
- <span data-lang="fr">Accueil</span>
22
- <span data-lang="en">Home</span>
23
- </a>
24
- <span class="breadcrumb-separator">&#8250;</span>
25
- <span data-lang="fr">Outils</span>
26
- <span data-lang="en">Tools</span>
27
- <span class="breadcrumb-separator">&#8250;</span>
28
- <span class="breadcrumb-current">Agents</span>
29
- </nav>
30
- <!-- Language Select -->
31
- <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
32
- <option value="fr">🇫🇷 FR</option>
33
- <option value="en">🇬🇧 EN</option>
34
- </select>
35
- <!-- Search -->
36
- <div class="header-search">
37
- <div class="search-input-wrapper">
38
- <span class="search-icon">&#128269;</span>
39
- <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
40
- <span class="search-shortcut">Ctrl+K</span>
41
- </div>
42
- <div id="search-results" class="search-results"></div>
43
- </div>
44
- </header>
45
-
46
- <!-- App Body -->
47
- <div class="app-body">
48
- <!-- Sidebar -->
49
- <aside class="sidebar">
50
- <button class="sidebar-toggle" title="Toggle sidebar">
51
- <span class="toggle-icon-collapse">&#171;</span>
52
- <span class="toggle-icon-expand">&#187;</span>
53
- </button>
54
-
55
- <nav class="sidebar-nav">
56
- <div class="nav-section">
57
- <div class="nav-section-title">
58
- <span data-lang="fr">Demarrage</span>
59
- <span data-lang="en">Getting Started</span>
60
- </div>
61
- <a href="index.html" class="nav-item">
62
- <span class="icon">&#127968;</span>
63
- <span class="nav-text" data-lang="fr">Accueil</span>
64
- <span class="nav-text" data-lang="en">Home</span>
65
- </a>
66
- <a href="installation.html" class="nav-item">
67
- <span class="icon">&#128230;</span>
68
- <span class="nav-text">Installation</span>
69
- </a>
70
- </div>
71
-
72
- <div class="nav-section">
73
- <div class="nav-section-title">Workflows</div>
74
- <a href="gitflow.html" class="nav-item">
75
- <span class="icon">&#128256;</span>
76
- <span class="nav-text">GitFlow</span>
77
- </a>
78
- <a href="efcore.html" class="nav-item">
79
- <span class="icon">&#128452;</span>
80
- <span class="nav-text">EF Core</span>
81
- </a>
82
- <a href="apex.html" class="nav-item">
83
- <span class="icon">&#127919;</span>
84
- <span class="nav-text">APEX</span>
85
- </a>
86
- <a href="business-analyse.html" class="nav-item">
87
- <span class="icon">&#128202;</span>
88
- <span class="nav-text">Business Analyse</span>
89
- </a>
90
- <a href="ralph-loop.html" class="nav-item">
91
- <span class="icon">&#128260;</span>
92
- <span class="nav-text">Ralph Loop</span>
93
- </a>
94
- </div>
95
-
96
- <div class="nav-section">
97
- <div class="nav-section-title">
98
- <span data-lang="fr">Outils</span>
99
- <span data-lang="en">Tools</span>
100
- </div>
101
- <a href="agents.html" class="nav-item active">
102
- <span class="icon">&#129302;</span>
103
- <span class="nav-text">Agents</span>
104
- </a>
105
- <a href="commands.html" class="nav-item">
106
- <span class="icon">&#9889;</span>
107
- <span class="nav-text" data-lang="fr">Commandes</span>
108
- <span class="nav-text" data-lang="en">Commands</span>
109
- </a>
110
- <a href="hooks.html" class="nav-item">
111
- <span class="icon">&#128279;</span>
112
- <span class="nav-text">Hooks</span>
113
- </a>
114
- <a href="test-web.html" class="nav-item">
115
- <span class="icon">&#127760;</span>
116
- <span class="nav-text">Test Web</span>
117
- </a>
118
- </div>
119
- </nav>
120
-
121
- </aside>
122
-
123
- <!-- Main Content -->
124
- <main class="main-content">
125
- <div class="content content-wide">
126
- <!-- Introduction -->
127
- <section id="introduction">
128
- <p data-lang="fr">
129
- Claude Tools fournit des agents specialises qui peuvent etre lances en parallele pour accelerer le developpement. Ces agents sont optimises pour des taches specifiques et utilisent le modele Haiku pour une execution rapide et economique.
130
- </p>
131
- <p data-lang="en">
132
- Claude Tools provides specialized agents that can be launched in parallel to accelerate development. These agents are optimized for specific tasks and use the Haiku model for fast and cost-effective execution.
133
- </p>
134
-
135
- <div class="alert alert-info">
136
- <span class="alert-icon">&#128161;</span>
137
- <div class="alert-content">
138
- <h5 data-lang="fr">Execution parallele</h5>
139
- <h5 data-lang="en">Parallel Execution</h5>
140
- <p data-lang="fr">
141
- Les agents peuvent etre lances simultanement pour collecter des informations de plusieurs sources en meme temps.
142
- </p>
143
- <p data-lang="en">
144
- Agents can be launched simultaneously to collect information from multiple sources at the same time.
145
- </p>
146
- </div>
147
- </div>
148
- </section>
149
-
150
- <!-- Agent: explore-codebase -->
151
- <section id="explore-codebase">
152
- <h2>explore-codebase</h2>
153
-
154
- <div class="command-card">
155
- <div class="command-header">
156
- <code class="command-name">explore-codebase</code>
157
- <span class="tag tag-agent">Agent</span>
158
- <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
159
- </div>
160
- <div class="command-body">
161
- <p data-lang="fr">
162
- Agent d'exploration du codebase. Trouve les implementations similaires, patterns et conventions existants dans votre projet.
163
- </p>
164
- <p data-lang="en">
165
- Codebase exploration agent. Finds similar implementations, patterns and existing conventions in your project.
166
- </p>
167
-
168
- <h4 data-lang="fr">Cas d'utilisation</h4>
169
- <h4 data-lang="en">Use Cases</h4>
170
- <div class="feature-grid">
171
- <div class="feature-item">
172
- <span class="feature-icon">&#128269;</span>
173
- <span class="feature-text" data-lang="fr">Trouver des implementations similaires a suivre comme exemple</span>
174
- <span class="feature-text" data-lang="en">Find similar implementations to follow as examples</span>
175
- </div>
176
- <div class="feature-item">
177
- <span class="feature-icon">&#128193;</span>
178
- <span class="feature-text" data-lang="fr">Localiser les fichiers a modifier</span>
179
- <span class="feature-text" data-lang="en">Locate files to modify</span>
180
- </div>
181
- <div class="feature-item">
182
- <span class="feature-icon">&#128736;</span>
183
- <span class="feature-text" data-lang="fr">Identifier les patterns et conventions existants</span>
184
- <span class="feature-text" data-lang="en">Identify existing patterns and conventions</span>
185
- </div>
186
- <div class="feature-item">
187
- <span class="feature-icon">&#129520;</span>
188
- <span class="feature-text" data-lang="fr">Decouvrir les utilitaires et helpers reutilisables</span>
189
- <span class="feature-text" data-lang="en">Discover reusable utilities and helpers</span>
190
- </div>
191
- </div>
192
-
193
- <details class="template-section">
194
- <summary>
195
- <h4 style="display: inline; margin: 0;">
196
- <span data-lang="fr">Template Prompt</span>
197
- <span data-lang="en">Prompt Template</span>
198
- </h4>
199
- <span class="template-badge">explore-codebase.md</span>
200
- </summary>
201
- <div class="template-content">
202
- <p class="template-path">
203
- <code>templates/agents/explore-codebase.md</code>
204
- </p>
205
- <div class="code-block template-code">
206
- <button class="copy-btn">Copy</button>
207
- <pre><code>---
208
- name: explore-codebase
209
- description: Use this agent whenever you need to explore the codebase to implement a feature.
210
- color: yellow
211
- model: haiku
212
- ---
213
-
214
- You are a codebase exploration specialist. Your only job is to find and present ALL relevant code and logic for the requested feature.
215
-
216
- ## Search Strategy
217
-
218
- 1. Start with broad searches using `Grep` to find entry points
219
- 2. Use parallel searches for multiple related keywords
220
- 3. Read files completely with `Read` to understand context
221
- 4. Follow import chains to discover dependencies
222
-
223
- ## What to Find
224
-
225
- - Existing similar features or patterns
226
- - Related functions, classes, components
227
- - Configuration and setup files
228
- - Database schemas and models
229
- - API endpoints and routes
230
- - Tests showing usage examples
231
- - Utility functions that might be reused
232
-
233
- ## Output Format
234
-
235
- **CRITICAL**: Output all findings directly in your response. NEVER create markdown files.
236
-
237
- ### Relevant Files Found
238
-
239
- For each file:
240
-
241
- ```
242
- Path: /full/path/to/file.ext
243
- Purpose: [One line description]
244
- Key Code:
245
- - Lines X-Y: [Actual code or logic description]
246
- - Line Z: [Function/class definition]
247
- Related to: [How it connects to the feature]
248
- ```
249
-
250
- ### Code Patterns & Conventions
251
-
252
- - List discovered patterns (naming, structure, frameworks)
253
- - Note existing approaches that should be followed
254
-
255
- ### Dependencies & Connections
256
-
257
- - Import relationships between files
258
- - External libraries used
259
- - API integrations found
260
-
261
- ## Priority
262
-
263
- Thoroughness > Speed. Find everything relevant.</code></pre>
264
- </div>
265
- </div>
266
- </details>
267
- </div>
268
- </div>
269
- </section>
270
-
271
- <!-- Agent: explore-docs -->
272
- <section id="explore-docs">
273
- <h2>explore-docs</h2>
274
-
275
- <div class="command-card">
276
- <div class="command-header">
277
- <code class="command-name">explore-docs</code>
278
- <span class="tag tag-agent">Agent</span>
279
- <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
280
- </div>
281
- <div class="command-body">
282
- <p data-lang="fr">
283
- Agent d'exploration de documentation. Recherche dans la documentation des librairies pour les APIs, best practices et exemples de code.
284
- </p>
285
- <p data-lang="en">
286
- Documentation exploration agent. Searches library documentation for APIs, best practices and code examples.
287
- </p>
288
-
289
- <h4 data-lang="fr">Cas d'utilisation</h4>
290
- <h4 data-lang="en">Use Cases</h4>
291
- <div class="feature-grid">
292
- <div class="feature-item">
293
- <span class="feature-icon">&#128218;</span>
294
- <span class="feature-text" data-lang="fr">Rechercher les APIs et patterns d'une librairie</span>
295
- <span class="feature-text" data-lang="en">Search library APIs and patterns</span>
296
- </div>
297
- <div class="feature-item">
298
- <span class="feature-icon">&#127942;</span>
299
- <span class="feature-text" data-lang="fr">Trouver les best practices officielles</span>
300
- <span class="feature-text" data-lang="en">Find official best practices</span>
301
- </div>
302
- <div class="feature-item">
303
- <span class="feature-icon">&#128187;</span>
304
- <span class="feature-text" data-lang="fr">Obtenir des exemples de code de la documentation</span>
305
- <span class="feature-text" data-lang="en">Get code examples from documentation</span>
306
- </div>
307
- </div>
308
-
309
- <details class="template-section">
310
- <summary>
311
- <h4 style="display: inline; margin: 0;">
312
- <span data-lang="fr">Template Prompt</span>
313
- <span data-lang="en">Prompt Template</span>
314
- </h4>
315
- <span class="template-badge">explore-docs.md</span>
316
- </summary>
317
- <div class="template-content">
318
- <p class="template-path">
319
- <code>templates/agents/explore-docs.md</code>
320
- </p>
321
- <div class="code-block template-code">
322
- <button class="copy-btn">Copy</button>
323
- <pre><code>---
324
- name: explore-docs
325
- description: Use this agent IMMEDIATELY when the user asks about library features, implementation methods, "how to do X with Y library", documentation searches, or ANY question about using/implementing specific libraries or frameworks
326
- color: yellow
327
- model: haiku
328
- ---
329
-
330
- You are a documentation exploration specialist. Your mission is to retrieve precise, actionable documentation with code examples.
331
-
332
- ## Search Strategy
333
-
334
- **Primary**: Use Context7 for library-specific documentation
335
-
336
- - Resolve library ID first with `mcp__context7__resolve-library-id`
337
- - Fetch targeted docs with `mcp__context7__get-library-docs`
338
- - Focus on specific topics when provided
339
-
340
- **Fallback**: Use WebSearch + WebFetch for official documentation
341
-
342
- - Search for official docs, API references, guides
343
- - Target authoritative sources (official websites, GitHub repos)
344
-
345
- ## Data Processing
346
-
347
- **Filter for essentials**:
348
-
349
- - Code examples and usage patterns
350
- - API specifications and method signatures
351
- - Configuration options and parameters
352
- - Error handling patterns
353
- - Best practices and common pitfalls
354
-
355
- **Eliminate noise**:
356
-
357
- - Marketing content and introductions
358
- - Redundant explanations
359
- - Outdated or deprecated information
360
-
361
- ## Output Format
362
-
363
- **CRITICAL**: Output all findings directly in your response. NEVER create markdown files.
364
-
365
- ### Library: [Name/Version]
366
-
367
- ### Key Concepts
368
- - [Essential concept]: [Brief explanation with context]
369
-
370
- ### Code Examples
371
- ```language
372
- // [Real-world example with full context]
373
- // Include imports, setup, and actual usage
374
- ```
375
-
376
- ### API Reference
377
- - `method(params: Type)`: [Purpose, parameters, return type, example]
378
-
379
- ## Priority
380
-
381
- Actionable code examples > API specs > Configuration > Theory.</code></pre>
382
- </div>
383
- </div>
384
- </details>
385
- </div>
386
- </div>
387
- </section>
388
-
389
- <!-- Agent: websearch -->
390
- <section id="websearch">
391
- <h2>websearch</h2>
392
-
393
- <div class="command-card">
394
- <div class="command-header">
395
- <code class="command-name">websearch</code>
396
- <span class="tag tag-agent">Agent</span>
397
- <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
398
- </div>
399
- <div class="command-body">
400
- <p data-lang="fr">
401
- Agent de recherche web rapide. Trouve des informations sur le web de maniere precise et rapide.
402
- </p>
403
- <p data-lang="en">
404
- Quick web search agent. Finds information on the web quickly and accurately.
405
- </p>
406
-
407
- <h4 data-lang="fr">Cas d'utilisation</h4>
408
- <h4 data-lang="en">Use Cases</h4>
409
- <div class="feature-grid">
410
- <div class="feature-item">
411
- <span class="feature-icon">&#127760;</span>
412
- <span class="feature-text" data-lang="fr">Rechercher les dernieres approches et solutions</span>
413
- <span class="feature-text" data-lang="en">Research latest approaches and solutions</span>
414
- </div>
415
- <div class="feature-item">
416
- <span class="feature-icon">&#128101;</span>
417
- <span class="feature-text" data-lang="fr">Trouver des exemples de la communaute</span>
418
- <span class="feature-text" data-lang="en">Find community examples</span>
419
- </div>
420
- <div class="feature-item">
421
- <span class="feature-icon">&#127959;</span>
422
- <span class="feature-text" data-lang="fr">Obtenir des informations architecturales</span>
423
- <span class="feature-text" data-lang="en">Get architectural guidance</span>
424
- </div>
425
- </div>
426
-
427
- <details class="template-section">
428
- <summary>
429
- <h4 style="display: inline; margin: 0;">
430
- <span data-lang="fr">Template Prompt</span>
431
- <span data-lang="en">Prompt Template</span>
432
- </h4>
433
- <span class="template-badge">websearch.md</span>
434
- </summary>
435
- <div class="template-content">
436
- <p class="template-path">
437
- <code>templates/agents/websearch.md</code>
438
- </p>
439
- <div class="code-block template-code">
440
- <button class="copy-btn">Copy</button>
441
- <pre><code>---
442
- name: websearch
443
- description: Use this agent when you need to make a quick web search.
444
- color: yellow
445
- tools: WebSearch, WebFetch
446
- model: haiku
447
- ---
448
-
449
- You are a rapid web search specialist. Find accurate information fast.
450
-
451
- ## Workflow
452
-
453
- 1. **Search**: Use `WebSearch` with precise keywords
454
- 2. **Fetch**: Use `WebFetch` for most relevant results
455
- 3. **Summarize**: Extract key information concisely
456
-
457
- ## Search Best Practices
458
-
459
- - Focus on authoritative sources (official docs, trusted sites)
460
- - Skip redundant information
461
- - Use specific keywords rather than vague terms
462
- - Prioritize recent information when relevant
463
-
464
- ## Output Format
465
-
466
- **CRITICAL**: Output all findings directly in your response. NEVER create markdown files.
467
-
468
- &lt;summary&gt;
469
- [Clear, concise answer to the query]
470
- &lt;/summary&gt;
471
-
472
- &lt;key-points&gt;
473
- • [Most important fact]
474
- • [Second important fact]
475
- • [Additional relevant info]
476
- &lt;/key-points&gt;
477
-
478
- &lt;sources&gt;
479
- 1. [Title](URL) - Brief description
480
- 2. [Title](URL) - What it contains
481
- &lt;/sources&gt;
482
-
483
- ## Priority
484
-
485
- Accuracy > Speed. Get the right answer quickly.</code></pre>
486
- </div>
487
- </div>
488
- </details>
489
- </div>
490
- </div>
491
- </section>
492
-
493
- <!-- Agent: Snipper -->
494
- <section id="snipper">
495
- <h2>Snipper</h2>
496
-
497
- <div class="command-card">
498
- <div class="command-header">
499
- <code class="command-name">Snipper</code>
500
- <span class="tag tag-agent">Agent</span>
501
- <span class="tag" style="background: #3b82f6; color: #fff;">Fast</span>
502
- </div>
503
- <div class="command-body">
504
- <p data-lang="fr">
505
- Agent de modification de code ultra-rapide. Execute les modifications sans explications, optimise pour la vitesse.
506
- </p>
507
- <p data-lang="en">
508
- Ultra-fast code modification agent. Executes modifications without explanations, optimized for speed.
509
- </p>
510
-
511
- <h4 data-lang="fr">Cas d'utilisation</h4>
512
- <h4 data-lang="en">Use Cases</h4>
513
- <div class="feature-grid">
514
- <div class="feature-item">
515
- <span class="feature-icon">&#9889;</span>
516
- <span class="feature-text" data-lang="fr">Modifications rapides de code</span>
517
- <span class="feature-text" data-lang="en">Quick code modifications</span>
518
- </div>
519
- <div class="feature-item">
520
- <span class="feature-icon">&#128295;</span>
521
- <span class="feature-text" data-lang="fr">Refactoring simple</span>
522
- <span class="feature-text" data-lang="en">Simple refactoring</span>
523
- </div>
524
- <div class="feature-item">
525
- <span class="feature-icon">&#128221;</span>
526
- <span class="feature-text" data-lang="fr">Renommage de variables/fonctions</span>
527
- <span class="feature-text" data-lang="en">Variable/function renaming</span>
528
- </div>
529
- </div>
530
-
531
- <details class="template-section">
532
- <summary>
533
- <h4 style="display: inline; margin: 0;">
534
- <span data-lang="fr">Template Prompt</span>
535
- <span data-lang="en">Prompt Template</span>
536
- </h4>
537
- <span class="template-badge">snipper.md</span>
538
- </summary>
539
- <div class="template-content">
540
- <p class="template-path">
541
- <code>templates/agents/snipper.md</code>
542
- </p>
543
- <div class="code-block template-code">
544
- <button class="copy-btn">Copy</button>
545
- <pre><code>---
546
- name: Snipper
547
- description: Use this agent when you need to modify code. This agent is specialized to be fast. The output is small and optimized to code as fast as agent can.
548
- color: blue
549
- model: haiku
550
- ---
551
-
552
- You are a rapid code modification specialist. No explanations, just execute.
553
-
554
- ## Workflow
555
-
556
- 1. **Read**: Load all specified files with `Read` tool
557
- 2. **Edit**: Apply requested changes using `Edit` or `MultiEdit`
558
- 3. **Report**: List what was modified
559
-
560
- ## Execution Rules
561
-
562
- - Follow existing code style exactly
563
- - Preserve all formatting and indentation
564
- - Make minimal changes to achieve the goal
565
- - Use `MultiEdit` for multiple changes in same file
566
- - Never add comments unless requested
567
- - DO NEVER RUN LINT CHECK. YOU CAN'T USE BASH.
568
-
569
- ## Output Format
570
-
571
- Simply list each file and the change made:
572
-
573
- ```
574
- - path/to/file.ext: [One line description of change]
575
- - path/to/other.ext: [What was modified]
576
- ```
577
-
578
- ## Priority
579
-
580
- Speed > Explanation. Just get it done.</code></pre>
581
- </div>
582
- </div>
583
- </details>
584
- </div>
585
- </div>
586
- </section>
587
-
588
- <!-- Agent: fix-grammar -->
589
- <section id="fix-grammar">
590
- <h2>fix-grammar</h2>
591
-
592
- <div class="command-card">
593
- <div class="command-header">
594
- <code class="command-name">fix-grammar</code>
595
- <span class="tag tag-agent">Agent</span>
596
- <span class="tag" style="background: #3b82f6; color: #fff;">Fast</span>
597
- </div>
598
- <div class="command-body">
599
- <p data-lang="fr">
600
- Agent de correction grammaticale. Corrige les erreurs d'orthographe et de grammaire tout en preservant le formatage.
601
- </p>
602
- <p data-lang="en">
603
- Grammar correction agent. Fixes spelling and grammar errors while preserving formatting.
604
- </p>
605
-
606
- <h4 data-lang="fr">Cas d'utilisation</h4>
607
- <h4 data-lang="en">Use Cases</h4>
608
- <div class="feature-grid">
609
- <div class="feature-item">
610
- <span class="feature-icon">&#128214;</span>
611
- <span class="feature-text" data-lang="fr">Correction de documentation</span>
612
- <span class="feature-text" data-lang="en">Documentation correction</span>
613
- </div>
614
- <div class="feature-item">
615
- <span class="feature-icon">&#128172;</span>
616
- <span class="feature-text" data-lang="fr">Correction de commentaires</span>
617
- <span class="feature-text" data-lang="en">Comment correction</span>
618
- </div>
619
- <div class="feature-item">
620
- <span class="feature-icon">&#128196;</span>
621
- <span class="feature-text" data-lang="fr">Correction de fichiers README</span>
622
- <span class="feature-text" data-lang="en">README file correction</span>
623
- </div>
624
- </div>
625
-
626
- <details class="template-section">
627
- <summary>
628
- <h4 style="display: inline; margin: 0;">
629
- <span data-lang="fr">Template Prompt</span>
630
- <span data-lang="en">Prompt Template</span>
631
- </h4>
632
- <span class="template-badge">fix-grammar.md</span>
633
- </summary>
634
- <div class="template-content">
635
- <p class="template-path">
636
- <code>templates/agents/fix-grammar.md</code>
637
- </p>
638
- <div class="code-block template-code">
639
- <button class="copy-btn">Copy</button>
640
- <pre><code>---
641
- name: fix-grammar
642
- description: Use this agent to fix grammar and spelling errors in a single file while preserving formatting
643
- color: blue
644
- model: haiku
645
- ---
646
-
647
- You are DevProfCorrectorGPT, a professional text corrector. Fix grammar and spelling errors while preserving all formatting and meaning.
648
-
649
- ## File Processing
650
-
651
- - Read the target file completely
652
- - Apply grammar and spelling corrections only
653
- - Preserve all formatting, tags, and technical terms
654
- - Do not translate or change word order
655
- - Do not modify special tags (MDX, custom syntax, code blocks)
656
-
657
- ## Correction Rules
658
-
659
- - Fix only spelling and grammar errors
660
- - Keep the same language used in each sentence
661
- - Preserve all document structure and formatting
662
- - Do not change meaning or technical terms
663
- - Handle multilingual content (keep anglicisms, technical terms)
664
-
665
- ## Output Format
666
-
667
- ```
668
- ✓ Fixed grammar in [filename]
669
- - [number] corrections made
670
- ```
671
-
672
- ## Priority
673
-
674
- Accuracy > Speed. Preserve meaning and formatting while fixing obvious errors.</code></pre>
675
- </div>
676
- </div>
677
- </details>
678
- </div>
679
- </div>
680
- </section>
681
-
682
- <!-- Business Analyse Agents -->
683
- <section id="business-analyse-agents">
684
- <h2>Business Analyse Agents</h2>
685
-
686
- <p data-lang="fr">
687
- Ces agents sont utilises par le workflow Business Analyse pour explorer le codebase et detecter les fonctionnalites similaires.
688
- </p>
689
- <p data-lang="en">
690
- These agents are used by the Business Analyse workflow to explore the codebase and detect similar features.
691
- </p>
692
-
693
- <div class="command-card" style="margin-bottom: 1.5rem;">
694
- <div class="command-header">
695
- <code class="command-name">ba-similarity</code>
696
- <span class="tag tag-agent">Agent</span>
697
- <span class="tag" style="background: #8b5cf6; color: #fff;">Phase 1</span>
698
- </div>
699
- <div class="command-body">
700
- <p data-lang="fr">
701
- <strong>Detection de similarite</strong> - Detecte si une fonctionnalite demandee existe deja ou chevauche une fonctionnalite existante.
702
- </p>
703
- <p data-lang="en">
704
- <strong>Similarity Detection</strong> - Detects if a requested feature already exists or overlaps with existing functionality.
705
- </p>
706
-
707
- <h4 data-lang="fr">Resultats possibles</h4>
708
- <h4 data-lang="en">Possible Results</h4>
709
- <table class="reference-table" style="margin-top: 0.5rem;">
710
- <thead>
711
- <tr>
712
- <th data-lang="fr">Resultat</th>
713
- <th data-lang="en">Result</th>
714
- <th>Action</th>
715
- </tr>
716
- </thead>
717
- <tbody>
718
- <tr style="background: rgba(239, 68, 68, 0.1);">
719
- <td><strong>DUPLICATE</strong></td>
720
- <td data-lang="fr">STOP - Reference spec existante</td>
721
- <td data-lang="en">STOP - Reference existing spec</td>
722
- </tr>
723
- <tr style="background: rgba(234, 179, 8, 0.1);">
724
- <td><strong>EXTEND</strong></td>
725
- <td data-lang="fr">Construire sur l'existant</td>
726
- <td data-lang="en">Build on existing feature</td>
727
- </tr>
728
- <tr style="background: rgba(34, 197, 94, 0.1);">
729
- <td><strong>NEW</strong></td>
730
- <td data-lang="fr">Proceder normalement</td>
731
- <td data-lang="en">Proceed normally</td>
732
- </tr>
733
- </tbody>
734
- </table>
735
- </div>
736
- </div>
737
-
738
- <div class="table-container">
739
- <table>
740
- <thead>
741
- <tr>
742
- <th>Agent</th>
743
- <th>
744
- <span data-lang="fr">Mission</span>
745
- <span data-lang="en">Mission</span>
746
- </th>
747
- <th>
748
- <span data-lang="fr">Utilise en</span>
749
- <span data-lang="en">Used in</span>
750
- </th>
751
- </tr>
752
- </thead>
753
- <tbody>
754
- <tr>
755
- <td><code>explore-api</code></td>
756
- <td>
757
- <span data-lang="fr">Endpoints, controllers, DTOs, patterns API</span>
758
- <span data-lang="en">Endpoints, controllers, DTOs, API patterns</span>
759
- </td>
760
- <td>Phase 2</td>
761
- </tr>
762
- <tr>
763
- <td><code>explore-schema</code></td>
764
- <td>
765
- <span data-lang="fr">Schema DB, entites, configurations</span>
766
- <span data-lang="en">DB schema, entities, configurations</span>
767
- </td>
768
- <td>Phase 2</td>
769
- </tr>
770
- <tr>
771
- <td><code>explore-permissions</code></td>
772
- <td>
773
- <span data-lang="fr">RBAC, roles, autorisations</span>
774
- <span data-lang="en">RBAC, roles, authorizations</span>
775
- </td>
776
- <td>Phase 2</td>
777
- </tr>
778
- <tr>
779
- <td><code>explore-navigation</code></td>
780
- <td>
781
- <span data-lang="fr">Menus, routes, pages</span>
782
- <span data-lang="en">Menus, routes, pages</span>
783
- </td>
784
- <td>Phase 2</td>
785
- </tr>
786
- <tr>
787
- <td><code>explore-theme</code></td>
788
- <td>
789
- <span data-lang="fr">UI patterns, composants, design system</span>
790
- <span data-lang="en">UI patterns, components, design system</span>
791
- </td>
792
- <td>Phase 2</td>
793
- </tr>
794
- </tbody>
795
- </table>
796
- </div>
797
-
798
- <div class="alert alert-info" style="margin-top: 1rem;">
799
- <span class="alert-icon">&#128161;</span>
800
- <div class="alert-content">
801
- <p data-lang="fr">
802
- Ces agents sont lances en parallele par <code>/business-analyse:2-explore</code>. Maximum 3 agents par execution pour optimiser les tokens.
803
- </p>
804
- <p data-lang="en">
805
- These agents are launched in parallel by <code>/business-analyse:2-explore</code>. Maximum 3 agents per execution to optimize tokens.
806
- </p>
807
- </div>
808
- </div>
809
- </section>
810
-
811
- <!-- Agent: action -->
812
- <section id="action">
813
- <h2>action</h2>
814
-
815
- <div class="command-card">
816
- <div class="command-header">
817
- <code class="command-name">action</code>
818
- <span class="tag tag-agent">Agent</span>
819
- <span class="tag" style="background: #8b5cf6; color: #fff;">Conditional</span>
820
- </div>
821
- <div class="command-body">
822
- <p data-lang="fr">
823
- Agent d'execution conditionnelle. Execute des actions uniquement lorsque des conditions specifiques sont remplies. Utile pour le nettoyage de code.
824
- </p>
825
- <p data-lang="en">
826
- Conditional action executor. Performs actions only when specific conditions are met. Useful for code cleanup.
827
- </p>
828
-
829
- <h4 data-lang="fr">Cas d'utilisation</h4>
830
- <h4 data-lang="en">Use Cases</h4>
831
- <div class="feature-grid">
832
- <div class="feature-item">
833
- <span class="feature-icon">&#128230;</span>
834
- <span class="feature-text" data-lang="fr">Supprimer des dependances non utilisees</span>
835
- <span class="feature-text" data-lang="en">Remove unused dependencies</span>
836
- </div>
837
- <div class="feature-item">
838
- <span class="feature-icon">&#128465;</span>
839
- <span class="feature-text" data-lang="fr">Supprimer des exports non utilises</span>
840
- <span class="feature-text" data-lang="en">Remove unused exports</span>
841
- </div>
842
- <div class="feature-item">
843
- <span class="feature-icon">&#129529;</span>
844
- <span class="feature-text" data-lang="fr">Nettoyage conditionnel de code</span>
845
- <span class="feature-text" data-lang="en">Conditional code cleanup</span>
846
- </div>
847
- </div>
848
-
849
- <details class="template-section">
850
- <summary>
851
- <h4 style="display: inline; margin: 0;">
852
- <span data-lang="fr">Template Prompt</span>
853
- <span data-lang="en">Prompt Template</span>
854
- </h4>
855
- <span class="template-badge">action.md</span>
856
- </summary>
857
- <div class="template-content">
858
- <p class="template-path">
859
- <code>templates/agents/action.md</code>
860
- </p>
861
- <div class="code-block template-code">
862
- <button class="copy-btn">Copy</button>
863
- <pre><code>---
864
- name: action
865
- description: Conditional action executor - performs actions only when specific conditions are met
866
- color: purple
867
- model: haiku
868
- ---
869
-
870
- Batch conditional executor. Handle ≤5 tasks. VERIFY INDEPENDENTLY before each action.
871
-
872
- ## Workflow
873
-
874
- 1. **VERIFY each item yourself** (never trust input):
875
- - **Exports/Types**: Grep for `import.*{name}` in codebase
876
- - **Files**: Check framework patterns via explore-docs, then Grep for imports
877
- - **Dependencies**: Grep for `from 'pkg'` or `require('pkg')`
878
-
879
- 2. **Execute ONLY if verified unused**:
880
- - If used → Skip with reason, continue next
881
- - If unused → Execute action, confirm success
882
-
883
- 3. **Report**: Count executed, count skipped with reasons
884
-
885
- ## Rules
886
-
887
- - **MANDATORY**: Verify each item independently using Grep/explore-docs
888
- - **Skip if used**: Continue to next task
889
- - **Max 5 tasks**: Process all in batch
890
-
891
- ## Example
892
-
893
- "Verify and remove: lodash, axios, moment"
894
-
895
- 1. Grep `lodash` → Found in utils.ts → Skip
896
- 2. Grep `axios` → Not found → `pnpm remove axios` → Done
897
- 3. Grep `moment` → Not found → `pnpm remove moment` → Done
898
- Report: "Removed 2/3: axios, moment. Skipped: lodash (used in utils.ts)"</code></pre>
899
- </div>
900
- </div>
901
- </details>
902
- </div>
903
- </div>
904
- </section>
905
- </div>
906
- </main>
907
- </div>
908
- </div>
909
-
910
- <!-- Mobile Menu Button -->
911
- <button class="mobile-menu-btn">&#9776;</button>
912
- <div class="overlay"></div>
913
-
914
- <script src="js/app.js"></script>
915
- </body>
916
- </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>Agents - SmartStack CLI</title>
7
+ <link rel="stylesheet" href="css/styles.css">
8
+ </head>
9
+ <body>
10
+ <div class="app-container">
11
+ <!-- Global Header (single unified element) -->
12
+ <header class="global-header">
13
+ <div class="logo">SS</div>
14
+ <span class="site-title">SmartStack CLI</span>
15
+ <span class="version-badge">v1.4.0</span>
16
+ <div class="header-divider"></div>
17
+ <span class="page-title" data-lang="fr">Agents Spécialisés</span>
18
+ <span class="page-title" data-lang="en">Specialized Agents</span>
19
+ <nav class="breadcrumb">
20
+ <a href="index.html">
21
+ <span data-lang="fr">Accueil</span>
22
+ <span data-lang="en">Home</span>
23
+ </a>
24
+ <span class="breadcrumb-separator">&#8250;</span>
25
+ <span data-lang="fr">Outils</span>
26
+ <span data-lang="en">Tools</span>
27
+ <span class="breadcrumb-separator">&#8250;</span>
28
+ <span class="breadcrumb-current">Agents</span>
29
+ </nav>
30
+ <!-- Language Select -->
31
+ <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
32
+ <option value="fr">🇫🇷 FR</option>
33
+ <option value="en">🇬🇧 EN</option>
34
+ </select>
35
+ <!-- Search -->
36
+ <div class="header-search">
37
+ <div class="search-input-wrapper">
38
+ <span class="search-icon">&#128269;</span>
39
+ <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
40
+ <span class="search-shortcut">Ctrl+K</span>
41
+ </div>
42
+ <div id="search-results" class="search-results"></div>
43
+ </div>
44
+ </header>
45
+
46
+ <!-- App Body -->
47
+ <div class="app-body">
48
+ <!-- Sidebar -->
49
+ <aside class="sidebar">
50
+ <button class="sidebar-toggle" title="Toggle sidebar">
51
+ <span class="toggle-icon-collapse">&#171;</span>
52
+ <span class="toggle-icon-expand">&#187;</span>
53
+ </button>
54
+
55
+ <nav class="sidebar-nav">
56
+ <div class="nav-section">
57
+ <div class="nav-section-title">
58
+ <span data-lang="fr">Demarrage</span>
59
+ <span data-lang="en">Getting Started</span>
60
+ </div>
61
+ <a href="index.html" class="nav-item">
62
+ <span class="icon">&#127968;</span>
63
+ <span class="nav-text" data-lang="fr">Accueil</span>
64
+ <span class="nav-text" data-lang="en">Home</span>
65
+ </a>
66
+ <a href="installation.html" class="nav-item">
67
+ <span class="icon">&#128230;</span>
68
+ <span class="nav-text">Installation</span>
69
+ </a>
70
+ </div>
71
+
72
+ <div class="nav-section">
73
+ <div class="nav-section-title">Workflows</div>
74
+ <a href="gitflow.html" class="nav-item">
75
+ <span class="icon">&#128256;</span>
76
+ <span class="nav-text">GitFlow</span>
77
+ </a>
78
+ <a href="efcore.html" class="nav-item">
79
+ <span class="icon">&#128452;</span>
80
+ <span class="nav-text">EF Core</span>
81
+ </a>
82
+ <a href="apex.html" class="nav-item">
83
+ <span class="icon">&#127919;</span>
84
+ <span class="nav-text">APEX</span>
85
+ </a>
86
+ <a href="business-analyse.html" class="nav-item">
87
+ <span class="icon">&#128202;</span>
88
+ <span class="nav-text">Business Analyse</span>
89
+ </a>
90
+ <a href="ralph-loop.html" class="nav-item">
91
+ <span class="icon">&#128260;</span>
92
+ <span class="nav-text">Ralph Loop</span>
93
+ </a>
94
+ </div>
95
+
96
+ <div class="nav-section">
97
+ <div class="nav-section-title">
98
+ <span data-lang="fr">Outils</span>
99
+ <span data-lang="en">Tools</span>
100
+ </div>
101
+ <a href="agents.html" class="nav-item active">
102
+ <span class="icon">&#129302;</span>
103
+ <span class="nav-text">Agents</span>
104
+ </a>
105
+ <a href="commands.html" class="nav-item">
106
+ <span class="icon">&#9889;</span>
107
+ <span class="nav-text" data-lang="fr">Commandes</span>
108
+ <span class="nav-text" data-lang="en">Commands</span>
109
+ </a>
110
+ <a href="hooks.html" class="nav-item">
111
+ <span class="icon">&#128279;</span>
112
+ <span class="nav-text">Hooks</span>
113
+ </a>
114
+ <a href="test-web.html" class="nav-item">
115
+ <span class="icon">&#127760;</span>
116
+ <span class="nav-text">Test Web</span>
117
+ </a>
118
+ </div>
119
+ </nav>
120
+
121
+ </aside>
122
+
123
+ <!-- Main Content -->
124
+ <main class="main-content">
125
+ <div class="content content-wide">
126
+ <!-- Introduction -->
127
+ <section id="introduction">
128
+ <p data-lang="fr">
129
+ Claude Tools fournit des agents specialises qui peuvent etre lances en parallele pour accelerer le developpement. Ces agents sont optimises pour des taches specifiques et utilisent le modele Haiku pour une execution rapide et economique.
130
+ </p>
131
+ <p data-lang="en">
132
+ Claude Tools provides specialized agents that can be launched in parallel to accelerate development. These agents are optimized for specific tasks and use the Haiku model for fast and cost-effective execution.
133
+ </p>
134
+
135
+ <div class="alert alert-info">
136
+ <span class="alert-icon">&#128161;</span>
137
+ <div class="alert-content">
138
+ <h5 data-lang="fr">Execution parallele</h5>
139
+ <h5 data-lang="en">Parallel Execution</h5>
140
+ <p data-lang="fr">
141
+ Les agents peuvent etre lances simultanement pour collecter des informations de plusieurs sources en meme temps.
142
+ </p>
143
+ <p data-lang="en">
144
+ Agents can be launched simultaneously to collect information from multiple sources at the same time.
145
+ </p>
146
+ </div>
147
+ </div>
148
+ </section>
149
+
150
+ <!-- Agent: explore-codebase -->
151
+ <section id="explore-codebase">
152
+ <h2>explore-codebase</h2>
153
+
154
+ <div class="command-card">
155
+ <div class="command-header">
156
+ <code class="command-name">explore-codebase</code>
157
+ <span class="tag tag-agent">Agent</span>
158
+ <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
159
+ </div>
160
+ <div class="command-body">
161
+ <p data-lang="fr">
162
+ Agent d'exploration du codebase. Trouve les implementations similaires, patterns et conventions existants dans votre projet.
163
+ </p>
164
+ <p data-lang="en">
165
+ Codebase exploration agent. Finds similar implementations, patterns and existing conventions in your project.
166
+ </p>
167
+
168
+ <h4 data-lang="fr">Cas d'utilisation</h4>
169
+ <h4 data-lang="en">Use Cases</h4>
170
+ <div class="feature-grid">
171
+ <div class="feature-item">
172
+ <span class="feature-icon">&#128269;</span>
173
+ <span class="feature-text" data-lang="fr">Trouver des implementations similaires a suivre comme exemple</span>
174
+ <span class="feature-text" data-lang="en">Find similar implementations to follow as examples</span>
175
+ </div>
176
+ <div class="feature-item">
177
+ <span class="feature-icon">&#128193;</span>
178
+ <span class="feature-text" data-lang="fr">Localiser les fichiers a modifier</span>
179
+ <span class="feature-text" data-lang="en">Locate files to modify</span>
180
+ </div>
181
+ <div class="feature-item">
182
+ <span class="feature-icon">&#128736;</span>
183
+ <span class="feature-text" data-lang="fr">Identifier les patterns et conventions existants</span>
184
+ <span class="feature-text" data-lang="en">Identify existing patterns and conventions</span>
185
+ </div>
186
+ <div class="feature-item">
187
+ <span class="feature-icon">&#129520;</span>
188
+ <span class="feature-text" data-lang="fr">Decouvrir les utilitaires et helpers reutilisables</span>
189
+ <span class="feature-text" data-lang="en">Discover reusable utilities and helpers</span>
190
+ </div>
191
+ </div>
192
+
193
+ <details class="template-section">
194
+ <summary>
195
+ <h4 style="display: inline; margin: 0;">
196
+ <span data-lang="fr">Template Prompt</span>
197
+ <span data-lang="en">Prompt Template</span>
198
+ </h4>
199
+ <span class="template-badge">explore-codebase.md</span>
200
+ </summary>
201
+ <div class="template-content">
202
+ <p class="template-path">
203
+ <code>templates/agents/explore-codebase.md</code>
204
+ </p>
205
+ <div class="code-block template-code">
206
+ <button class="copy-btn">Copy</button>
207
+ <pre><code>---
208
+ name: explore-codebase
209
+ description: Use this agent whenever you need to explore the codebase to implement a feature.
210
+ color: yellow
211
+ model: haiku
212
+ ---
213
+
214
+ You are a codebase exploration specialist. Your only job is to find and present ALL relevant code and logic for the requested feature.
215
+
216
+ ## Search Strategy
217
+
218
+ 1. Start with broad searches using `Grep` to find entry points
219
+ 2. Use parallel searches for multiple related keywords
220
+ 3. Read files completely with `Read` to understand context
221
+ 4. Follow import chains to discover dependencies
222
+
223
+ ## What to Find
224
+
225
+ - Existing similar features or patterns
226
+ - Related functions, classes, components
227
+ - Configuration and setup files
228
+ - Database schemas and models
229
+ - API endpoints and routes
230
+ - Tests showing usage examples
231
+ - Utility functions that might be reused
232
+
233
+ ## Output Format
234
+
235
+ **CRITICAL**: Output all findings directly in your response. NEVER create markdown files.
236
+
237
+ ### Relevant Files Found
238
+
239
+ For each file:
240
+
241
+ ```
242
+ Path: /full/path/to/file.ext
243
+ Purpose: [One line description]
244
+ Key Code:
245
+ - Lines X-Y: [Actual code or logic description]
246
+ - Line Z: [Function/class definition]
247
+ Related to: [How it connects to the feature]
248
+ ```
249
+
250
+ ### Code Patterns & Conventions
251
+
252
+ - List discovered patterns (naming, structure, frameworks)
253
+ - Note existing approaches that should be followed
254
+
255
+ ### Dependencies & Connections
256
+
257
+ - Import relationships between files
258
+ - External libraries used
259
+ - API integrations found
260
+
261
+ ## Priority
262
+
263
+ Thoroughness > Speed. Find everything relevant.</code></pre>
264
+ </div>
265
+ </div>
266
+ </details>
267
+ </div>
268
+ </div>
269
+ </section>
270
+
271
+ <!-- Agent: explore-docs -->
272
+ <section id="explore-docs">
273
+ <h2>explore-docs</h2>
274
+
275
+ <div class="command-card">
276
+ <div class="command-header">
277
+ <code class="command-name">explore-docs</code>
278
+ <span class="tag tag-agent">Agent</span>
279
+ <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
280
+ </div>
281
+ <div class="command-body">
282
+ <p data-lang="fr">
283
+ Agent d'exploration de documentation. Recherche dans la documentation des librairies pour les APIs, best practices et exemples de code.
284
+ </p>
285
+ <p data-lang="en">
286
+ Documentation exploration agent. Searches library documentation for APIs, best practices and code examples.
287
+ </p>
288
+
289
+ <h4 data-lang="fr">Cas d'utilisation</h4>
290
+ <h4 data-lang="en">Use Cases</h4>
291
+ <div class="feature-grid">
292
+ <div class="feature-item">
293
+ <span class="feature-icon">&#128218;</span>
294
+ <span class="feature-text" data-lang="fr">Rechercher les APIs et patterns d'une librairie</span>
295
+ <span class="feature-text" data-lang="en">Search library APIs and patterns</span>
296
+ </div>
297
+ <div class="feature-item">
298
+ <span class="feature-icon">&#127942;</span>
299
+ <span class="feature-text" data-lang="fr">Trouver les best practices officielles</span>
300
+ <span class="feature-text" data-lang="en">Find official best practices</span>
301
+ </div>
302
+ <div class="feature-item">
303
+ <span class="feature-icon">&#128187;</span>
304
+ <span class="feature-text" data-lang="fr">Obtenir des exemples de code de la documentation</span>
305
+ <span class="feature-text" data-lang="en">Get code examples from documentation</span>
306
+ </div>
307
+ </div>
308
+
309
+ <details class="template-section">
310
+ <summary>
311
+ <h4 style="display: inline; margin: 0;">
312
+ <span data-lang="fr">Template Prompt</span>
313
+ <span data-lang="en">Prompt Template</span>
314
+ </h4>
315
+ <span class="template-badge">explore-docs.md</span>
316
+ </summary>
317
+ <div class="template-content">
318
+ <p class="template-path">
319
+ <code>templates/agents/explore-docs.md</code>
320
+ </p>
321
+ <div class="code-block template-code">
322
+ <button class="copy-btn">Copy</button>
323
+ <pre><code>---
324
+ name: explore-docs
325
+ description: Use this agent IMMEDIATELY when the user asks about library features, implementation methods, "how to do X with Y library", documentation searches, or ANY question about using/implementing specific libraries or frameworks
326
+ color: yellow
327
+ model: haiku
328
+ ---
329
+
330
+ You are a documentation exploration specialist. Your mission is to retrieve precise, actionable documentation with code examples.
331
+
332
+ ## Search Strategy
333
+
334
+ **Primary**: Use Context7 for library-specific documentation
335
+
336
+ - Resolve library ID first with `mcp__context7__resolve-library-id`
337
+ - Fetch targeted docs with `mcp__context7__get-library-docs`
338
+ - Focus on specific topics when provided
339
+
340
+ **Fallback**: Use WebSearch + WebFetch for official documentation
341
+
342
+ - Search for official docs, API references, guides
343
+ - Target authoritative sources (official websites, GitHub repos)
344
+
345
+ ## Data Processing
346
+
347
+ **Filter for essentials**:
348
+
349
+ - Code examples and usage patterns
350
+ - API specifications and method signatures
351
+ - Configuration options and parameters
352
+ - Error handling patterns
353
+ - Best practices and common pitfalls
354
+
355
+ **Eliminate noise**:
356
+
357
+ - Marketing content and introductions
358
+ - Redundant explanations
359
+ - Outdated or deprecated information
360
+
361
+ ## Output Format
362
+
363
+ **CRITICAL**: Output all findings directly in your response. NEVER create markdown files.
364
+
365
+ ### Library: [Name/Version]
366
+
367
+ ### Key Concepts
368
+ - [Essential concept]: [Brief explanation with context]
369
+
370
+ ### Code Examples
371
+ ```language
372
+ // [Real-world example with full context]
373
+ // Include imports, setup, and actual usage
374
+ ```
375
+
376
+ ### API Reference
377
+ - `method(params: Type)`: [Purpose, parameters, return type, example]
378
+
379
+ ## Priority
380
+
381
+ Actionable code examples > API specs > Configuration > Theory.</code></pre>
382
+ </div>
383
+ </div>
384
+ </details>
385
+ </div>
386
+ </div>
387
+ </section>
388
+
389
+ <!-- Agent: websearch -->
390
+ <section id="websearch">
391
+ <h2>websearch</h2>
392
+
393
+ <div class="command-card">
394
+ <div class="command-header">
395
+ <code class="command-name">websearch</code>
396
+ <span class="tag tag-agent">Agent</span>
397
+ <span class="tag" style="background: #eab308; color: #000;">Haiku</span>
398
+ </div>
399
+ <div class="command-body">
400
+ <p data-lang="fr">
401
+ Agent de recherche web rapide. Trouve des informations sur le web de maniere precise et rapide.
402
+ </p>
403
+ <p data-lang="en">
404
+ Quick web search agent. Finds information on the web quickly and accurately.
405
+ </p>
406
+
407
+ <h4 data-lang="fr">Cas d'utilisation</h4>
408
+ <h4 data-lang="en">Use Cases</h4>
409
+ <div class="feature-grid">
410
+ <div class="feature-item">
411
+ <span class="feature-icon">&#127760;</span>
412
+ <span class="feature-text" data-lang="fr">Rechercher les dernieres approches et solutions</span>
413
+ <span class="feature-text" data-lang="en">Research latest approaches and solutions</span>
414
+ </div>
415
+ <div class="feature-item">
416
+ <span class="feature-icon">&#128101;</span>
417
+ <span class="feature-text" data-lang="fr">Trouver des exemples de la communaute</span>
418
+ <span class="feature-text" data-lang="en">Find community examples</span>
419
+ </div>
420
+ <div class="feature-item">
421
+ <span class="feature-icon">&#127959;</span>
422
+ <span class="feature-text" data-lang="fr">Obtenir des informations architecturales</span>
423
+ <span class="feature-text" data-lang="en">Get architectural guidance</span>
424
+ </div>
425
+ </div>
426
+
427
+ <details class="template-section">
428
+ <summary>
429
+ <h4 style="display: inline; margin: 0;">
430
+ <span data-lang="fr">Template Prompt</span>
431
+ <span data-lang="en">Prompt Template</span>
432
+ </h4>
433
+ <span class="template-badge">websearch.md</span>
434
+ </summary>
435
+ <div class="template-content">
436
+ <p class="template-path">
437
+ <code>templates/agents/websearch.md</code>
438
+ </p>
439
+ <div class="code-block template-code">
440
+ <button class="copy-btn">Copy</button>
441
+ <pre><code>---
442
+ name: websearch
443
+ description: Use this agent when you need to make a quick web search.
444
+ color: yellow
445
+ tools: WebSearch, WebFetch
446
+ model: haiku
447
+ ---
448
+
449
+ You are a rapid web search specialist. Find accurate information fast.
450
+
451
+ ## Workflow
452
+
453
+ 1. **Search**: Use `WebSearch` with precise keywords
454
+ 2. **Fetch**: Use `WebFetch` for most relevant results
455
+ 3. **Summarize**: Extract key information concisely
456
+
457
+ ## Search Best Practices
458
+
459
+ - Focus on authoritative sources (official docs, trusted sites)
460
+ - Skip redundant information
461
+ - Use specific keywords rather than vague terms
462
+ - Prioritize recent information when relevant
463
+
464
+ ## Output Format
465
+
466
+ **CRITICAL**: Output all findings directly in your response. NEVER create markdown files.
467
+
468
+ &lt;summary&gt;
469
+ [Clear, concise answer to the query]
470
+ &lt;/summary&gt;
471
+
472
+ &lt;key-points&gt;
473
+ • [Most important fact]
474
+ • [Second important fact]
475
+ • [Additional relevant info]
476
+ &lt;/key-points&gt;
477
+
478
+ &lt;sources&gt;
479
+ 1. [Title](URL) - Brief description
480
+ 2. [Title](URL) - What it contains
481
+ &lt;/sources&gt;
482
+
483
+ ## Priority
484
+
485
+ Accuracy > Speed. Get the right answer quickly.</code></pre>
486
+ </div>
487
+ </div>
488
+ </details>
489
+ </div>
490
+ </div>
491
+ </section>
492
+
493
+ <!-- Agent: Snipper -->
494
+ <section id="snipper">
495
+ <h2>Snipper</h2>
496
+
497
+ <div class="command-card">
498
+ <div class="command-header">
499
+ <code class="command-name">Snipper</code>
500
+ <span class="tag tag-agent">Agent</span>
501
+ <span class="tag" style="background: #3b82f6; color: #fff;">Fast</span>
502
+ </div>
503
+ <div class="command-body">
504
+ <p data-lang="fr">
505
+ Agent de modification de code ultra-rapide. Execute les modifications sans explications, optimise pour la vitesse.
506
+ </p>
507
+ <p data-lang="en">
508
+ Ultra-fast code modification agent. Executes modifications without explanations, optimized for speed.
509
+ </p>
510
+
511
+ <h4 data-lang="fr">Cas d'utilisation</h4>
512
+ <h4 data-lang="en">Use Cases</h4>
513
+ <div class="feature-grid">
514
+ <div class="feature-item">
515
+ <span class="feature-icon">&#9889;</span>
516
+ <span class="feature-text" data-lang="fr">Modifications rapides de code</span>
517
+ <span class="feature-text" data-lang="en">Quick code modifications</span>
518
+ </div>
519
+ <div class="feature-item">
520
+ <span class="feature-icon">&#128295;</span>
521
+ <span class="feature-text" data-lang="fr">Refactoring simple</span>
522
+ <span class="feature-text" data-lang="en">Simple refactoring</span>
523
+ </div>
524
+ <div class="feature-item">
525
+ <span class="feature-icon">&#128221;</span>
526
+ <span class="feature-text" data-lang="fr">Renommage de variables/fonctions</span>
527
+ <span class="feature-text" data-lang="en">Variable/function renaming</span>
528
+ </div>
529
+ </div>
530
+
531
+ <details class="template-section">
532
+ <summary>
533
+ <h4 style="display: inline; margin: 0;">
534
+ <span data-lang="fr">Template Prompt</span>
535
+ <span data-lang="en">Prompt Template</span>
536
+ </h4>
537
+ <span class="template-badge">snipper.md</span>
538
+ </summary>
539
+ <div class="template-content">
540
+ <p class="template-path">
541
+ <code>templates/agents/snipper.md</code>
542
+ </p>
543
+ <div class="code-block template-code">
544
+ <button class="copy-btn">Copy</button>
545
+ <pre><code>---
546
+ name: Snipper
547
+ description: Use this agent when you need to modify code. This agent is specialized to be fast. The output is small and optimized to code as fast as agent can.
548
+ color: blue
549
+ model: haiku
550
+ ---
551
+
552
+ You are a rapid code modification specialist. No explanations, just execute.
553
+
554
+ ## Workflow
555
+
556
+ 1. **Read**: Load all specified files with `Read` tool
557
+ 2. **Edit**: Apply requested changes using `Edit` or `MultiEdit`
558
+ 3. **Report**: List what was modified
559
+
560
+ ## Execution Rules
561
+
562
+ - Follow existing code style exactly
563
+ - Preserve all formatting and indentation
564
+ - Make minimal changes to achieve the goal
565
+ - Use `MultiEdit` for multiple changes in same file
566
+ - Never add comments unless requested
567
+ - DO NEVER RUN LINT CHECK. YOU CAN'T USE BASH.
568
+
569
+ ## Output Format
570
+
571
+ Simply list each file and the change made:
572
+
573
+ ```
574
+ - path/to/file.ext: [One line description of change]
575
+ - path/to/other.ext: [What was modified]
576
+ ```
577
+
578
+ ## Priority
579
+
580
+ Speed > Explanation. Just get it done.</code></pre>
581
+ </div>
582
+ </div>
583
+ </details>
584
+ </div>
585
+ </div>
586
+ </section>
587
+
588
+ <!-- Agent: fix-grammar -->
589
+ <section id="fix-grammar">
590
+ <h2>fix-grammar</h2>
591
+
592
+ <div class="command-card">
593
+ <div class="command-header">
594
+ <code class="command-name">fix-grammar</code>
595
+ <span class="tag tag-agent">Agent</span>
596
+ <span class="tag" style="background: #3b82f6; color: #fff;">Fast</span>
597
+ </div>
598
+ <div class="command-body">
599
+ <p data-lang="fr">
600
+ Agent de correction grammaticale. Corrige les erreurs d'orthographe et de grammaire tout en preservant le formatage.
601
+ </p>
602
+ <p data-lang="en">
603
+ Grammar correction agent. Fixes spelling and grammar errors while preserving formatting.
604
+ </p>
605
+
606
+ <h4 data-lang="fr">Cas d'utilisation</h4>
607
+ <h4 data-lang="en">Use Cases</h4>
608
+ <div class="feature-grid">
609
+ <div class="feature-item">
610
+ <span class="feature-icon">&#128214;</span>
611
+ <span class="feature-text" data-lang="fr">Correction de documentation</span>
612
+ <span class="feature-text" data-lang="en">Documentation correction</span>
613
+ </div>
614
+ <div class="feature-item">
615
+ <span class="feature-icon">&#128172;</span>
616
+ <span class="feature-text" data-lang="fr">Correction de commentaires</span>
617
+ <span class="feature-text" data-lang="en">Comment correction</span>
618
+ </div>
619
+ <div class="feature-item">
620
+ <span class="feature-icon">&#128196;</span>
621
+ <span class="feature-text" data-lang="fr">Correction de fichiers README</span>
622
+ <span class="feature-text" data-lang="en">README file correction</span>
623
+ </div>
624
+ </div>
625
+
626
+ <details class="template-section">
627
+ <summary>
628
+ <h4 style="display: inline; margin: 0;">
629
+ <span data-lang="fr">Template Prompt</span>
630
+ <span data-lang="en">Prompt Template</span>
631
+ </h4>
632
+ <span class="template-badge">fix-grammar.md</span>
633
+ </summary>
634
+ <div class="template-content">
635
+ <p class="template-path">
636
+ <code>templates/agents/fix-grammar.md</code>
637
+ </p>
638
+ <div class="code-block template-code">
639
+ <button class="copy-btn">Copy</button>
640
+ <pre><code>---
641
+ name: fix-grammar
642
+ description: Use this agent to fix grammar and spelling errors in a single file while preserving formatting
643
+ color: blue
644
+ model: haiku
645
+ ---
646
+
647
+ You are DevProfCorrectorGPT, a professional text corrector. Fix grammar and spelling errors while preserving all formatting and meaning.
648
+
649
+ ## File Processing
650
+
651
+ - Read the target file completely
652
+ - Apply grammar and spelling corrections only
653
+ - Preserve all formatting, tags, and technical terms
654
+ - Do not translate or change word order
655
+ - Do not modify special tags (MDX, custom syntax, code blocks)
656
+
657
+ ## Correction Rules
658
+
659
+ - Fix only spelling and grammar errors
660
+ - Keep the same language used in each sentence
661
+ - Preserve all document structure and formatting
662
+ - Do not change meaning or technical terms
663
+ - Handle multilingual content (keep anglicisms, technical terms)
664
+
665
+ ## Output Format
666
+
667
+ ```
668
+ ✓ Fixed grammar in [filename]
669
+ - [number] corrections made
670
+ ```
671
+
672
+ ## Priority
673
+
674
+ Accuracy > Speed. Preserve meaning and formatting while fixing obvious errors.</code></pre>
675
+ </div>
676
+ </div>
677
+ </details>
678
+ </div>
679
+ </div>
680
+ </section>
681
+
682
+ <!-- Business Analyse Agents -->
683
+ <section id="business-analyse-agents">
684
+ <h2>Business Analyse Agents</h2>
685
+
686
+ <p data-lang="fr">
687
+ Ces agents sont utilises par le workflow Business Analyse pour explorer le codebase et detecter les fonctionnalites similaires.
688
+ </p>
689
+ <p data-lang="en">
690
+ These agents are used by the Business Analyse workflow to explore the codebase and detect similar features.
691
+ </p>
692
+
693
+ <div class="command-card" style="margin-bottom: 1.5rem;">
694
+ <div class="command-header">
695
+ <code class="command-name">ba-similarity</code>
696
+ <span class="tag tag-agent">Agent</span>
697
+ <span class="tag" style="background: #8b5cf6; color: #fff;">Phase 1</span>
698
+ </div>
699
+ <div class="command-body">
700
+ <p data-lang="fr">
701
+ <strong>Detection de similarite</strong> - Detecte si une fonctionnalite demandee existe deja ou chevauche une fonctionnalite existante.
702
+ </p>
703
+ <p data-lang="en">
704
+ <strong>Similarity Detection</strong> - Detects if a requested feature already exists or overlaps with existing functionality.
705
+ </p>
706
+
707
+ <h4 data-lang="fr">Resultats possibles</h4>
708
+ <h4 data-lang="en">Possible Results</h4>
709
+ <table class="reference-table" style="margin-top: 0.5rem;">
710
+ <thead>
711
+ <tr>
712
+ <th data-lang="fr">Resultat</th>
713
+ <th data-lang="en">Result</th>
714
+ <th>Action</th>
715
+ </tr>
716
+ </thead>
717
+ <tbody>
718
+ <tr style="background: rgba(239, 68, 68, 0.1);">
719
+ <td><strong>DUPLICATE</strong></td>
720
+ <td data-lang="fr">STOP - Reference spec existante</td>
721
+ <td data-lang="en">STOP - Reference existing spec</td>
722
+ </tr>
723
+ <tr style="background: rgba(234, 179, 8, 0.1);">
724
+ <td><strong>EXTEND</strong></td>
725
+ <td data-lang="fr">Construire sur l'existant</td>
726
+ <td data-lang="en">Build on existing feature</td>
727
+ </tr>
728
+ <tr style="background: rgba(34, 197, 94, 0.1);">
729
+ <td><strong>NEW</strong></td>
730
+ <td data-lang="fr">Proceder normalement</td>
731
+ <td data-lang="en">Proceed normally</td>
732
+ </tr>
733
+ </tbody>
734
+ </table>
735
+ </div>
736
+ </div>
737
+
738
+ <div class="table-container">
739
+ <table>
740
+ <thead>
741
+ <tr>
742
+ <th>Agent</th>
743
+ <th>
744
+ <span data-lang="fr">Mission</span>
745
+ <span data-lang="en">Mission</span>
746
+ </th>
747
+ <th>
748
+ <span data-lang="fr">Utilise en</span>
749
+ <span data-lang="en">Used in</span>
750
+ </th>
751
+ </tr>
752
+ </thead>
753
+ <tbody>
754
+ <tr>
755
+ <td><code>explore-api</code></td>
756
+ <td>
757
+ <span data-lang="fr">Endpoints, controllers, DTOs, patterns API</span>
758
+ <span data-lang="en">Endpoints, controllers, DTOs, API patterns</span>
759
+ </td>
760
+ <td>Phase 2</td>
761
+ </tr>
762
+ <tr>
763
+ <td><code>explore-schema</code></td>
764
+ <td>
765
+ <span data-lang="fr">Schema DB, entites, configurations</span>
766
+ <span data-lang="en">DB schema, entities, configurations</span>
767
+ </td>
768
+ <td>Phase 2</td>
769
+ </tr>
770
+ <tr>
771
+ <td><code>explore-permissions</code></td>
772
+ <td>
773
+ <span data-lang="fr">RBAC, roles, autorisations</span>
774
+ <span data-lang="en">RBAC, roles, authorizations</span>
775
+ </td>
776
+ <td>Phase 2</td>
777
+ </tr>
778
+ <tr>
779
+ <td><code>explore-navigation</code></td>
780
+ <td>
781
+ <span data-lang="fr">Menus, routes, pages</span>
782
+ <span data-lang="en">Menus, routes, pages</span>
783
+ </td>
784
+ <td>Phase 2</td>
785
+ </tr>
786
+ <tr>
787
+ <td><code>explore-theme</code></td>
788
+ <td>
789
+ <span data-lang="fr">UI patterns, composants, design system</span>
790
+ <span data-lang="en">UI patterns, components, design system</span>
791
+ </td>
792
+ <td>Phase 2</td>
793
+ </tr>
794
+ </tbody>
795
+ </table>
796
+ </div>
797
+
798
+ <div class="alert alert-info" style="margin-top: 1rem;">
799
+ <span class="alert-icon">&#128161;</span>
800
+ <div class="alert-content">
801
+ <p data-lang="fr">
802
+ Ces agents sont lances en parallele par <code>/business-analyse:2-explore</code>. Maximum 3 agents par execution pour optimiser les tokens.
803
+ </p>
804
+ <p data-lang="en">
805
+ These agents are launched in parallel by <code>/business-analyse:2-explore</code>. Maximum 3 agents per execution to optimize tokens.
806
+ </p>
807
+ </div>
808
+ </div>
809
+ </section>
810
+
811
+ <!-- Agent: action -->
812
+ <section id="action">
813
+ <h2>action</h2>
814
+
815
+ <div class="command-card">
816
+ <div class="command-header">
817
+ <code class="command-name">action</code>
818
+ <span class="tag tag-agent">Agent</span>
819
+ <span class="tag" style="background: #8b5cf6; color: #fff;">Conditional</span>
820
+ </div>
821
+ <div class="command-body">
822
+ <p data-lang="fr">
823
+ Agent d'execution conditionnelle. Execute des actions uniquement lorsque des conditions specifiques sont remplies. Utile pour le nettoyage de code.
824
+ </p>
825
+ <p data-lang="en">
826
+ Conditional action executor. Performs actions only when specific conditions are met. Useful for code cleanup.
827
+ </p>
828
+
829
+ <h4 data-lang="fr">Cas d'utilisation</h4>
830
+ <h4 data-lang="en">Use Cases</h4>
831
+ <div class="feature-grid">
832
+ <div class="feature-item">
833
+ <span class="feature-icon">&#128230;</span>
834
+ <span class="feature-text" data-lang="fr">Supprimer des dependances non utilisees</span>
835
+ <span class="feature-text" data-lang="en">Remove unused dependencies</span>
836
+ </div>
837
+ <div class="feature-item">
838
+ <span class="feature-icon">&#128465;</span>
839
+ <span class="feature-text" data-lang="fr">Supprimer des exports non utilises</span>
840
+ <span class="feature-text" data-lang="en">Remove unused exports</span>
841
+ </div>
842
+ <div class="feature-item">
843
+ <span class="feature-icon">&#129529;</span>
844
+ <span class="feature-text" data-lang="fr">Nettoyage conditionnel de code</span>
845
+ <span class="feature-text" data-lang="en">Conditional code cleanup</span>
846
+ </div>
847
+ </div>
848
+
849
+ <details class="template-section">
850
+ <summary>
851
+ <h4 style="display: inline; margin: 0;">
852
+ <span data-lang="fr">Template Prompt</span>
853
+ <span data-lang="en">Prompt Template</span>
854
+ </h4>
855
+ <span class="template-badge">action.md</span>
856
+ </summary>
857
+ <div class="template-content">
858
+ <p class="template-path">
859
+ <code>templates/agents/action.md</code>
860
+ </p>
861
+ <div class="code-block template-code">
862
+ <button class="copy-btn">Copy</button>
863
+ <pre><code>---
864
+ name: action
865
+ description: Conditional action executor - performs actions only when specific conditions are met
866
+ color: purple
867
+ model: haiku
868
+ ---
869
+
870
+ Batch conditional executor. Handle ≤5 tasks. VERIFY INDEPENDENTLY before each action.
871
+
872
+ ## Workflow
873
+
874
+ 1. **VERIFY each item yourself** (never trust input):
875
+ - **Exports/Types**: Grep for `import.*{name}` in codebase
876
+ - **Files**: Check framework patterns via explore-docs, then Grep for imports
877
+ - **Dependencies**: Grep for `from 'pkg'` or `require('pkg')`
878
+
879
+ 2. **Execute ONLY if verified unused**:
880
+ - If used → Skip with reason, continue next
881
+ - If unused → Execute action, confirm success
882
+
883
+ 3. **Report**: Count executed, count skipped with reasons
884
+
885
+ ## Rules
886
+
887
+ - **MANDATORY**: Verify each item independently using Grep/explore-docs
888
+ - **Skip if used**: Continue to next task
889
+ - **Max 5 tasks**: Process all in batch
890
+
891
+ ## Example
892
+
893
+ "Verify and remove: lodash, axios, moment"
894
+
895
+ 1. Grep `lodash` → Found in utils.ts → Skip
896
+ 2. Grep `axios` → Not found → `pnpm remove axios` → Done
897
+ 3. Grep `moment` → Not found → `pnpm remove moment` → Done
898
+ Report: "Removed 2/3: axios, moment. Skipped: lodash (used in utils.ts)"</code></pre>
899
+ </div>
900
+ </div>
901
+ </details>
902
+ </div>
903
+ </div>
904
+ </section>
905
+ </div>
906
+ </main>
907
+ </div>
908
+ </div>
909
+
910
+ <!-- Mobile Menu Button -->
911
+ <button class="mobile-menu-btn">&#9776;</button>
912
+ <div class="overlay"></div>
913
+
914
+ <script src="js/app.js"></script>
915
+ </body>
916
+ </html>