npm - @atlashub/smartstack-cli - Versions diffs - 1.5.0 → 1.5.2 - Mend

@atlashub/smartstack-cli 1.5.0 → 1.5.2

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 (159) hide show

package/.documentation/agents.html +920 -916
package/.documentation/apex.html +1022 -1018
package/.documentation/business-analyse.html +1505 -1501
package/.documentation/commands.html +684 -680
package/.documentation/css/styles.css +2168 -2168
package/.documentation/efcore.html +2509 -2505
package/.documentation/gitflow.html +2622 -2618
package/.documentation/hooks.html +417 -413
package/.documentation/index.html +327 -323
package/.documentation/init.html +565 -0
package/.documentation/installation.html +548 -462
package/.documentation/js/app.js +794 -794
package/.documentation/ralph-loop.html +534 -530
package/.documentation/test-web.html +517 -513
package/config/default-config.json +86 -86
package/config/settings.json +53 -53
package/config/settings.local.example.json +16 -16
package/dist/index.js +18 -8
package/dist/index.js.map +1 -1
package/package.json +88 -88
package/templates/agents/action.md +36 -36
package/templates/agents/efcore/conflicts.md +84 -84
package/templates/agents/efcore/db-deploy.md +51 -51
package/templates/agents/efcore/db-reset.md +59 -59
package/templates/agents/efcore/db-seed.md +56 -56
package/templates/agents/efcore/db-status.md +64 -64
package/templates/agents/efcore/migration.md +85 -85
package/templates/agents/efcore/rebase-snapshot.md +62 -62
package/templates/agents/efcore/scan.md +90 -90
package/templates/agents/efcore/squash.md +67 -67
package/templates/agents/explore-codebase.md +65 -65
package/templates/agents/explore-docs.md +97 -97
package/templates/agents/fix-grammar.md +49 -49
package/templates/agents/gitflow/abort.md +45 -45
package/templates/agents/gitflow/cleanup.md +85 -85
package/templates/agents/gitflow/commit.md +40 -40
package/templates/agents/gitflow/exec.md +48 -48
package/templates/agents/gitflow/finish.md +92 -92
package/templates/agents/gitflow/init.md +139 -139
package/templates/agents/gitflow/merge.md +62 -62
package/templates/agents/gitflow/plan.md +42 -42
package/templates/agents/gitflow/pr.md +78 -78
package/templates/agents/gitflow/review.md +49 -49
package/templates/agents/gitflow/start.md +61 -61
package/templates/agents/gitflow/status.md +32 -32
package/templates/agents/snipper.md +36 -36
package/templates/agents/websearch.md +46 -46
package/templates/commands/_resources/formatting-guide.md +124 -124
package/templates/commands/ai-prompt.md +315 -315
package/templates/commands/apex/1-analyze.md +100 -100
package/templates/commands/apex/2-plan.md +145 -145
package/templates/commands/apex/3-execute.md +171 -171
package/templates/commands/apex/4-examine.md +116 -116
package/templates/commands/apex/5-tasks.md +209 -209
package/templates/commands/apex.md +76 -76
package/templates/commands/application/create.md +362 -362
package/templates/commands/application/templates-backend.md +463 -463
package/templates/commands/application/templates-frontend.md +517 -517
package/templates/commands/application/templates-i18n.md +478 -478
package/templates/commands/application/templates-seed.md +362 -362
package/templates/commands/application.md +303 -303
package/templates/commands/business-analyse/0-orchestrate.md +640 -640
package/templates/commands/business-analyse/1-init.md +269 -269
package/templates/commands/business-analyse/2-discover.md +520 -520
package/templates/commands/business-analyse/3-analyse.md +408 -408
package/templates/commands/business-analyse/4-specify.md +598 -598
package/templates/commands/business-analyse/5-validate.md +326 -326
package/templates/commands/business-analyse/6-handoff.md +746 -746
package/templates/commands/business-analyse/7-doc-html.md +602 -602
package/templates/commands/business-analyse/bug.md +325 -325
package/templates/commands/business-analyse/change-request.md +368 -368
package/templates/commands/business-analyse/hotfix.md +200 -200
package/templates/commands/business-analyse.md +640 -640
package/templates/commands/controller/create.md +216 -216
package/templates/commands/controller/postman-templates.md +528 -528
package/templates/commands/controller/templates.md +600 -600
package/templates/commands/controller.md +337 -337
package/templates/commands/create/agent.md +138 -138
package/templates/commands/create/command.md +166 -166
package/templates/commands/create/hook.md +234 -234
package/templates/commands/create/plugin.md +329 -329
package/templates/commands/create/project.md +507 -507
package/templates/commands/create/skill.md +199 -199
package/templates/commands/create.md +220 -220
package/templates/commands/debug.md +95 -95
package/templates/commands/documentation/module.md +202 -202
package/templates/commands/documentation/templates.md +432 -432
package/templates/commands/documentation.md +190 -190
package/templates/commands/efcore/_env-check.md +153 -153
package/templates/commands/efcore/conflicts.md +186 -186
package/templates/commands/efcore/db-deploy.md +193 -193
package/templates/commands/efcore/db-reset.md +426 -426
package/templates/commands/efcore/db-seed.md +326 -326
package/templates/commands/efcore/db-status.md +226 -226
package/templates/commands/efcore/migration.md +400 -400
package/templates/commands/efcore/rebase-snapshot.md +264 -264
package/templates/commands/efcore/scan.md +198 -198
package/templates/commands/efcore/squash.md +298 -298
package/templates/commands/efcore.md +224 -224
package/templates/commands/epct.md +69 -69
package/templates/commands/explain.md +186 -186
package/templates/commands/explore.md +45 -45
package/templates/commands/feature-full.md +267 -267
package/templates/commands/gitflow/1-init.md +1038 -1038
package/templates/commands/gitflow/10-start.md +768 -768
package/templates/commands/gitflow/11-finish.md +457 -457
package/templates/commands/gitflow/12-cleanup.md +276 -276
package/templates/commands/gitflow/13-sync.md +216 -216
package/templates/commands/gitflow/14-rebase.md +251 -251
package/templates/commands/gitflow/2-status.md +277 -277
package/templates/commands/gitflow/3-commit.md +344 -344
package/templates/commands/gitflow/4-plan.md +145 -145
package/templates/commands/gitflow/5-exec.md +147 -147
package/templates/commands/gitflow/6-abort.md +344 -344
package/templates/commands/gitflow/7-pull-request.md +453 -355
package/templates/commands/gitflow/8-review.md +240 -176
package/templates/commands/gitflow/9-merge.md +451 -365
package/templates/commands/gitflow.md +128 -128
package/templates/commands/implement.md +663 -663
package/templates/commands/init.md +567 -562
package/templates/commands/mcp-integration.md +330 -330
package/templates/commands/notification.md +129 -129
package/templates/commands/oneshot.md +57 -57
package/templates/commands/quick-search.md +72 -72
package/templates/commands/ralph-loop/cancel-ralph.md +18 -18
package/templates/commands/ralph-loop/help.md +126 -126
package/templates/commands/ralph-loop/ralph-loop.md +18 -18
package/templates/commands/review.md +106 -106
package/templates/commands/utils/test-web-config.md +160 -160
package/templates/commands/utils/test-web.md +151 -151
package/templates/commands/validate.md +233 -233
package/templates/commands/workflow.md +193 -193
package/templates/gitflow/config.json +138 -138
package/templates/hooks/ef-migration-check.md +139 -139
package/templates/hooks/hooks.json +25 -25
package/templates/hooks/stop-hook.sh +177 -177
package/templates/skills/ai-prompt/SKILL.md +778 -778
package/templates/skills/application/SKILL.md +563 -563
package/templates/skills/application/templates-backend.md +450 -450
package/templates/skills/application/templates-frontend.md +531 -531
package/templates/skills/application/templates-i18n.md +520 -520
package/templates/skills/application/templates-seed.md +647 -647
package/templates/skills/business-analyse/SKILL.md +191 -191
package/templates/skills/business-analyse/questionnaire.md +283 -283
package/templates/skills/business-analyse/templates-frd.md +477 -477
package/templates/skills/business-analyse/templates-react.md +580 -580
package/templates/skills/controller/SKILL.md +240 -240
package/templates/skills/controller/postman-templates.md +614 -614
package/templates/skills/controller/templates.md +1468 -1468
package/templates/skills/documentation/SKILL.md +133 -133
package/templates/skills/documentation/templates.md +476 -476
package/templates/skills/feature-full/SKILL.md +838 -838
package/templates/skills/notification/SKILL.md +555 -555
package/templates/skills/ui-components/SKILL.md +870 -870
package/templates/skills/workflow/SKILL.md +582 -582
package/templates/test-web/api-health.json +38 -38
package/templates/test-web/minimal.json +19 -19
package/templates/test-web/npm-package.json +46 -46
package/templates/test-web/seo-check.json +54 -54

package/.documentation/init.html ADDED Viewed

@@ -0,0 +1,565 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Project Init - SmartStack CLI</title>
+    <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+    <div class="app-container">
+        <!-- Global Header (single unified element) -->
+        <header class="global-header">
+            <div class="logo">SS</div>
+            <span class="site-title">SmartStack CLI</span>
+            <span class="version-badge">v1.5.0</span>
+            <div class="header-divider"></div>
+            <span class="page-title">Project Init</span>
+            <nav class="breadcrumb">
+                <a href="index.html">
+                    <span data-lang="fr">Accueil</span>
+                    <span data-lang="en">Home</span>
+                </a>
+                <span class="breadcrumb-separator">&#8250;</span>
+                <span class="breadcrumb-current">Project Init</span>
+            </nav>
+            <!-- Language Select -->
+            <select class="lang-select" id="lang-select" onchange="setLanguage(this.value); localStorage.setItem('doc-language', this.value);">
+                <option value="fr">&#127467;&#127479; FR</option>
+                <option value="en">&#127468;&#127463; EN</option>
+            </select>
+            <!-- Search -->
+            <div class="header-search">
+                <div class="search-input-wrapper">
+                    <span class="search-icon">&#128269;</span>
+                    <input type="text" id="search-input" class="search-input" placeholder="Rechercher..." data-placeholder-fr="Rechercher..." data-placeholder-en="Search..." autocomplete="off">
+                    <span class="search-shortcut">Ctrl+K</span>
+                </div>
+                <div id="search-results" class="search-results"></div>
+            </div>
+        </header>
+        <!-- App Body -->
+        <div class="app-body">
+            <!-- Sidebar -->
+            <aside class="sidebar">
+                <button class="sidebar-toggle" title="Toggle sidebar">
+                    <span class="toggle-icon-collapse">&#171;</span>
+                    <span class="toggle-icon-expand">&#187;</span>
+                </button>
+                <nav class="sidebar-nav">
+                <div class="nav-section">
+                    <div class="nav-section-title">
+                        <span data-lang="fr">Demarrage</span>
+                        <span data-lang="en">Getting Started</span>
+                    </div>
+                    <a href="index.html" class="nav-item">
+                        <span class="icon">&#127968;</span>
+                        <span class="nav-text" data-lang="fr">Accueil</span>
+                        <span class="nav-text" data-lang="en">Home</span>
+                    </a>
+                    <a href="installation.html" class="nav-item">
+                        <span class="icon">&#128230;</span>
+                        <span class="nav-text">Installation</span>
+                    </a>
+                    <a href="init.html" class="nav-item active">
+                        <span class="icon">&#128640;</span>
+                        <span class="nav-text">Project Init</span>
+                    </a>
+                </div>
+                <div class="nav-section">
+                    <div class="nav-section-title">Workflows</div>
+                    <a href="gitflow.html" class="nav-item">
+                        <span class="icon">&#128256;</span>
+                        <span class="nav-text">GitFlow</span>
+                    </a>
+                    <a href="efcore.html" class="nav-item">
+                        <span class="icon">&#128452;</span>
+                        <span class="nav-text">EF Core</span>
+                    </a>
+                    <a href="apex.html" class="nav-item">
+                        <span class="icon">&#127919;</span>
+                        <span class="nav-text">APEX</span>
+                    </a>
+                    <a href="business-analyse.html" class="nav-item">
+                        <span class="icon">&#128202;</span>
+                        <span class="nav-text">Business Analyse</span>
+                    </a>
+                    <a href="ralph-loop.html" class="nav-item">
+                        <span class="icon">&#128260;</span>
+                        <span class="nav-text">Ralph Loop</span>
+                    </a>
+                </div>
+                <div class="nav-section">
+                    <div class="nav-section-title">
+                        <span data-lang="fr">Outils</span>
+                        <span data-lang="en">Tools</span>
+                    </div>
+                    <a href="agents.html" class="nav-item">
+                        <span class="icon">&#129302;</span>
+                        <span class="nav-text">Agents</span>
+                    </a>
+                    <a href="commands.html" class="nav-item">
+                        <span class="icon">&#9889;</span>
+                        <span class="nav-text" data-lang="fr">Commandes</span>
+                        <span class="nav-text" data-lang="en">Commands</span>
+                    </a>
+                    <a href="hooks.html" class="nav-item">
+                        <span class="icon">&#128279;</span>
+                        <span class="nav-text">Hooks</span>
+                    </a>
+                    <a href="test-web.html" class="nav-item">
+                        <span class="icon">&#127760;</span>
+                        <span class="nav-text">Test Web</span>
+                    </a>
+                </div>
+            </nav>
+            </aside>
+            <!-- Main Content -->
+            <main class="main-content">
+                <div class="content content-wide">
+                <!-- Introduction -->
+                <section id="introduction">
+                    <h2>
+                        <span data-lang="fr">Initialisation de projet SmartStack</span>
+                        <span data-lang="en">SmartStack Project Initialization</span>
+                    </h2>
+                    <p data-lang="fr">
+                        La commande <code>smartstack init</code> permet de creer rapidement un nouveau projet SmartStack avec une architecture Clean Architecture (.NET) et un frontend React pre-configure.
+                    </p>
+                    <p data-lang="en">
+                        The <code>smartstack init</code> command allows you to quickly create a new SmartStack project with Clean Architecture (.NET) and a pre-configured React frontend.
+                    </p>
+                    <div class="alert alert-info">
+                        <span class="alert-icon">&#128161;</span>
+                        <div class="alert-content">
+                            <p><code>smartstack init MyProject</code></p>
+                        </div>
+                    </div>
+                </section>
+                <!-- Prerequisites -->
+                <section id="prerequisites">
+                    <h2>
+                        <span data-lang="fr">Prerequis</span>
+                        <span data-lang="en">Prerequisites</span>
+                    </h2>
+                    <div class="feature-grid">
+                        <div class="feature-item">
+                            <span class="feature-icon">&#128736;</span>
+                            <span class="feature-text"><strong>.NET SDK</strong> &gt;= 10.0</span>
+                        </div>
+                        <div class="feature-item">
+                            <span class="feature-icon">&#128215;</span>
+                            <span class="feature-text"><strong>Node.js</strong> &gt;= 18.0</span>
+                        </div>
+                        <div class="feature-item">
+                            <span class="feature-icon">&#128230;</span>
+                            <span class="feature-text"><strong>npm</strong> &gt;= 9.0</span>
+                        </div>
+                    </div>
+                </section>
+                <!-- MCP Servers -->
+                <section id="mcp-servers">
+                    <h2>
+                        <span data-lang="fr">Serveurs MCP requis</span>
+                        <span data-lang="en">Required MCP Servers</span>
+                    </h2>
+                    <p data-lang="fr">
+                        SmartStack utilise des serveurs MCP pour ameliorer l'experience de developpement. La commande <code>init</code> verifie automatiquement leur presence.
+                    </p>
+                    <p data-lang="en">
+                        SmartStack uses MCP servers to enhance the development experience. The <code>init</code> command automatically checks for their presence.
+                    </p>
+                    <div class="table-container">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>Serveur</th>
+                                    <th>
+                                        <span data-lang="fr">Fonction</span>
+                                        <span data-lang="en">Function</span>
+                                    </th>
+                                    <th>Installation</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td><strong>SmartStack MCP</strong></td>
+                                    <td>
+                                        <span data-lang="fr">Validation conventions, scaffolding, API docs</span>
+                                        <span data-lang="en">Conventions validation, scaffolding, API docs</span>
+                                    </td>
+                                    <td><code>claude mcp add smartstack</code></td>
+                                </tr>
+                                <tr>
+                                    <td><strong>Context7 MCP</strong></td>
+                                    <td>
+                                        <span data-lang="fr">Documentation libraries, exemples de code</span>
+                                        <span data-lang="en">Library documentation, code examples</span>
+                                    </td>
+                                    <td><code>claude mcp add context7 -- npx @upstash/context7-mcp -- --api-key YOUR_API_KEY</code></td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="alert alert-warning">
+                        <span class="alert-icon">&#9888;</span>
+                        <div class="alert-content">
+                            <h5 data-lang="fr">MCP manquants</h5>
+                            <h5 data-lang="en">Missing MCP</h5>
+                            <p data-lang="fr">
+                                Si les serveurs MCP ne sont pas installes, vous pouvez continuer avec l'option <code>--skip-mcp-check</code>, mais certaines fonctionnalites seront limitees.
+                            </p>
+                            <p data-lang="en">
+                                If MCP servers are not installed, you can continue with the <code>--skip-mcp-check</code> option, but some features will be limited.
+                            </p>
+                        </div>
+                    </div>
+                </section>
+                <!-- Usage -->
+                <section id="usage">
+                    <h2>
+                        <span data-lang="fr">Utilisation</span>
+                        <span data-lang="en">Usage</span>
+                    </h2>
+                    <div class="code-block">
+                        <button class="copy-btn">Copy</button>
+                        <pre><code>smartstack init &lt;project-name&gt; [options]</code></pre>
+                    </div>
+                    <h3>Options</h3>
+                    <div class="table-container">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>Option</th>
+                                    <th>
+                                        <span data-lang="fr">Description</span>
+                                        <span data-lang="en">Description</span>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td><code>--full-stack</code></td>
+                                    <td>
+                                        <span data-lang="fr">Creer un projet Full Stack (Backend .NET + Frontend React) - par defaut</span>
+                                        <span data-lang="en">Create Full Stack project (Backend .NET + Frontend React) - default</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>--backend</code></td>
+                                    <td>
+                                        <span data-lang="fr">Creer uniquement le backend .NET</span>
+                                        <span data-lang="en">Create backend .NET only</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>--frontend</code></td>
+                                    <td>
+                                        <span data-lang="fr">Creer uniquement le frontend React</span>
+                                        <span data-lang="en">Create frontend React only</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>--db &lt;type&gt;</code></td>
+                                    <td>
+                                        <span data-lang="fr">Base de donnees: <code>sqlserver</code> (defaut), <code>postgresql</code>, <code>sqlite</code></span>
+                                        <span data-lang="en">Database: <code>sqlserver</code> (default), <code>postgresql</code>, <code>sqlite</code></span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>--dry-run</code></td>
+                                    <td>
+                                        <span data-lang="fr">Simulation - affiche ce qui serait cree sans rien creer</span>
+                                        <span data-lang="en">Simulation - shows what would be created without creating anything</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>-y, --yes</code></td>
+                                    <td>
+                                        <span data-lang="fr">Mode non-interactif - utilise les valeurs par defaut</span>
+                                        <span data-lang="en">Non-interactive mode - uses default values</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>--skip-mcp-check</code></td>
+                                    <td>
+                                        <span data-lang="fr">Ignorer la verification des serveurs MCP</span>
+                                        <span data-lang="en">Skip MCP servers verification</span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </section>
+                <!-- Examples -->
+                <section id="examples">
+                    <h2>
+                        <span data-lang="fr">Exemples</span>
+                        <span data-lang="en">Examples</span>
+                    </h2>
+                    <div class="code-block">
+                        <button class="copy-btn">Copy</button>
+                        <pre><code># Projet Full Stack avec wizard interactif
+smartstack init MyApp
+# Projet Full Stack avec SQL Server (mode rapide)
+smartstack init MyApp -y
+# Backend .NET uniquement avec PostgreSQL
+smartstack init MyApi --backend --db postgresql
+# Frontend React uniquement
+smartstack init MyWebApp --frontend
+# Simulation (dry-run)
+smartstack init MyApp --dry-run</code></pre>
+                    </div>
+                </section>
+                <!-- Project Structure -->
+                <section id="structure">
+                    <h2>
+                        <span data-lang="fr">Structure du projet</span>
+                        <span data-lang="en">Project Structure</span>
+                    </h2>
+                    <p data-lang="fr">La commande cree la structure suivante (Clean Architecture) :</p>
+                    <p data-lang="en">The command creates the following structure (Clean Architecture):</p>
+                    <div class="code-block">
+                        <pre><code>{ProjectName}/
+├── src/
+│   ├── {ProjectName}.Domain/           # Entites, Interfaces
+│   │   ├── Entities/
+│   │   ├── Interfaces/
+│   │   └── {ProjectName}.Domain.csproj
+│   ├── {ProjectName}.Application/      # Services, DTOs
+│   │   ├── Services/
+│   │   ├── DTOs/
+│   │   └── {ProjectName}.Application.csproj
+│   ├── {ProjectName}.Infrastructure/   # Data, Repositories
+│   │   ├── Data/
+│   │   │   └── {ProjectName}DbContext.cs
+│   │   ├── Repositories/
+│   │   └── {ProjectName}.Infrastructure.csproj
+│   └── {ProjectName}.Api/              # Controllers, Program.cs
+│       ├── Controllers/
+│       ├── Program.cs
+│       └── {ProjectName}.Api.csproj
+├── tests/
+│   └── {ProjectName}.Tests/
+├── web/
+│   └── {projectname}-web/              # Frontend React
+│       ├── src/
+│       ├── package.json
+│       └── vite.config.ts
+├── {ProjectName}.sln
+├── Directory.Build.props
+└── README.md</code></pre>
+                    </div>
+                </section>
+                <!-- Packages -->
+                <section id="packages">
+                    <h2>
+                        <span data-lang="fr">Packages installes</span>
+                        <span data-lang="en">Installed Packages</span>
+                    </h2>
+                    <h3>NuGet (Backend)</h3>
+                    <ul>
+                        <li><code>Microsoft.EntityFrameworkCore</code></li>
+                        <li><code>Microsoft.EntityFrameworkCore.Design</code></li>
+                        <li><code>Microsoft.EntityFrameworkCore.SqlServer</code> (ou PostgreSQL/SQLite)</li>
+                        <li><code>Microsoft.AspNetCore.Authentication.JwtBearer</code></li>
+                        <li><code>Swashbuckle.AspNetCore</code></li>
+                    </ul>
+                    <h3>npm (Frontend)</h3>
+                    <ul>
+                        <li><code>@atlashub/smartstack-react</code></li>
+                        <li><code>react-router-dom</code></li>
+                        <li><code>axios</code></li>
+                        <li><code>i18next</code> / <code>react-i18next</code></li>
+                        <li><code>tailwindcss</code></li>
+                    </ul>
+                </section>
+                <!-- Next Steps -->
+                <section id="next-steps">
+                    <h2>
+                        <span data-lang="fr">Prochaines etapes</span>
+                        <span data-lang="en">Next Steps</span>
+                    </h2>
+                    <ol class="steps-list">
+                        <li>
+                            <div class="step-content">
+                                <h5 data-lang="fr">Configurer la connection string</h5>
+                                <h5 data-lang="en">Configure connection string</h5>
+                                <p data-lang="fr">Editez <code>appsettings.json</code> pour configurer votre base de donnees.</p>
+                                <p data-lang="en">Edit <code>appsettings.json</code> to configure your database.</p>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="step-content">
+                                <h5 data-lang="fr">Creer la migration initiale</h5>
+                                <h5 data-lang="en">Create initial migration</h5>
+                                <div class="code-block">
+                                    <button class="copy-btn">Copy</button>
+                                    <pre><code>dotnet ef migrations add InitialCreate \
+  -p src/{ProjectName}.Infrastructure \
+  -s src/{ProjectName}.Api</code></pre>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="step-content">
+                                <h5 data-lang="fr">Appliquer la migration</h5>
+                                <h5 data-lang="en">Apply migration</h5>
+                                <div class="code-block">
+                                    <button class="copy-btn">Copy</button>
+                                    <pre><code>dotnet ef database update \
+  -p src/{ProjectName}.Infrastructure \
+  -s src/{ProjectName}.Api</code></pre>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="step-content">
+                                <h5 data-lang="fr">Lancer le backend</h5>
+                                <h5 data-lang="en">Start backend</h5>
+                                <div class="code-block">
+                                    <button class="copy-btn">Copy</button>
+                                    <pre><code>dotnet run --project src/{ProjectName}.Api</code></pre>
+                                </div>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="step-content">
+                                <h5 data-lang="fr">Lancer le frontend</h5>
+                                <h5 data-lang="en">Start frontend</h5>
+                                <div class="code-block">
+                                    <button class="copy-btn">Copy</button>
+                                    <pre><code>cd web/{projectname}-web && npm run dev</code></pre>
+                                </div>
+                            </div>
+                        </li>
+                    </ol>
+                </section>
+                <!-- MCP Server Features -->
+                <section id="mcp-features">
+                    <h2>
+                        <span data-lang="fr">Fonctionnalites MCP</span>
+                        <span data-lang="en">MCP Features</span>
+                    </h2>
+                    <h3>SmartStack MCP</h3>
+                    <div class="table-container">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>Tool</th>
+                                    <th>
+                                        <span data-lang="fr">Description</span>
+                                        <span data-lang="en">Description</span>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td><code>validate_conventions</code></td>
+                                    <td>
+                                        <span data-lang="fr">Valide les conventions SQL, migrations, services, namespaces</span>
+                                        <span data-lang="en">Validates SQL conventions, migrations, services, namespaces</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>check_migrations</code></td>
+                                    <td>
+                                        <span data-lang="fr">Analyse les conflits EF Core entre branches</span>
+                                        <span data-lang="en">Analyzes EF Core conflicts between branches</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>scaffold_extension</code></td>
+                                    <td>
+                                        <span data-lang="fr">Genere du code (services, entites, controllers, components)</span>
+                                        <span data-lang="en">Generates code (services, entities, controllers, components)</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>api_docs</code></td>
+                                    <td>
+                                        <span data-lang="fr">Documentation API Swagger/OpenAPI</span>
+                                        <span data-lang="en">Swagger/OpenAPI API documentation</span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <h3>Context7 MCP</h3>
+                    <div class="table-container">
+                        <table>
+                            <thead>
+                                <tr>
+                                    <th>Tool</th>
+                                    <th>
+                                        <span data-lang="fr">Description</span>
+                                        <span data-lang="en">Description</span>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td><code>resolve-library-id</code></td>
+                                    <td>
+                                        <span data-lang="fr">Trouve l'ID Context7 d'une bibliotheque</span>
+                                        <span data-lang="en">Finds the Context7 ID of a library</span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td><code>query-docs</code></td>
+                                    <td>
+                                        <span data-lang="fr">Recupere la documentation et exemples de code a jour</span>
+                                        <span data-lang="en">Retrieves up-to-date documentation and code examples</span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </section>
+            </div>
+            </main>
+        </div>
+    </div>
+    <!-- Mobile Menu Button -->
+    <button class="mobile-menu-btn">&#9776;</button>
+    <div class="overlay"></div>
+    <script src="js/app.js"></script>
+</body>
+</html>