@atlashub/smartstack-cli 1.26.0 → 1.28.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.
@@ -150,45 +150,6 @@
150
150
  color: var(--text);
151
151
  }
152
152
 
153
- /* API Key Input */
154
- .api-key-section {
155
- margin: 1.5rem 0;
156
- padding: 1rem;
157
- background: var(--bg-card);
158
- border-radius: 8px;
159
- border: 1px solid var(--border);
160
- }
161
- .api-key-input-wrapper {
162
- display: flex;
163
- gap: 0.5rem;
164
- margin-top: 0.5rem;
165
- }
166
- .api-key-input {
167
- flex: 1;
168
- padding: 0.5rem 0.75rem;
169
- border: 1px solid var(--border);
170
- border-radius: 4px;
171
- background: var(--bg-input);
172
- color: var(--text);
173
- font-family: monospace;
174
- }
175
- .api-key-input:focus {
176
- outline: none;
177
- border-color: var(--primary);
178
- }
179
- .api-key-save-btn {
180
- padding: 0.5rem 1rem;
181
- background: var(--primary);
182
- color: white;
183
- border: none;
184
- border-radius: 4px;
185
- cursor: pointer;
186
- font-weight: 500;
187
- }
188
- .api-key-save-btn:hover {
189
- background: var(--primary-hover);
190
- }
191
-
192
153
  /* Progress bar */
193
154
  .progress-container {
194
155
  margin: 2rem 0;
@@ -687,21 +648,42 @@ git config --global credential.helper manager</code></pre>
687
648
  </div>
688
649
  </li>
689
650
 
690
- <!-- Step 3: Claude Code CLI -->
651
+ <!-- Step 3: Claude Code -->
691
652
  <li class="checklist-item" data-step="3">
692
653
  <span class="checklist-number">3</span>
693
654
  <div class="checklist-checkbox" onclick="toggleStep(3)"></div>
694
655
  <div class="checklist-content">
695
656
  <div class="checklist-title">
696
- <span data-lang="fr">Installer Claude Code CLI</span>
697
- <span data-lang="en">Install Claude Code CLI</span>
657
+ <span data-lang="fr">Installer Claude Code</span>
658
+ <span data-lang="en">Install Claude Code</span>
698
659
  </div>
699
660
  <div class="checklist-description">
700
- <p data-lang="fr">Installez Claude Code CLI globalement avec npm.</p>
701
- <p data-lang="en">Install Claude Code CLI globally with npm.</p>
661
+ <p data-lang="fr">Installez Claude Code CLI et l'extension VS Code :</p>
662
+ <p data-lang="en">Install Claude Code CLI and the VS Code extension:</p>
702
663
  <div class="code-block">
703
664
  <button class="copy-btn">Copy</button>
704
- <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
665
+ <pre><code># 1. Installer Claude Code CLI
666
+ npm install -g @anthropic-ai/claude-code
667
+
668
+ # 2. Installer l'extension VS Code
669
+ code --install-extension anthropic.claude-code</code></pre>
670
+ </div>
671
+
672
+ <p data-lang="fr" style="margin-top: 1rem;"><strong>3. Activer le mode bypass permissions</strong> (recommande pour SmartStack) :</p>
673
+ <p data-lang="en" style="margin-top: 1rem;"><strong>3. Enable bypass permissions mode</strong> (recommended for SmartStack):</p>
674
+ <ol style="margin: 0.5rem 0 0 1.5rem; color: var(--text-muted);">
675
+ <li data-lang="fr">Dans VS Code : <kbd>Ctrl+Shift+P</kbd> → "Preferences: Open User Settings (JSON)"</li>
676
+ <li data-lang="en">In VS Code: <kbd>Ctrl+Shift+P</kbd> → "Preferences: Open User Settings (JSON)"</li>
677
+ <li data-lang="fr">Ajouter cette ligne dans le fichier JSON :</li>
678
+ <li data-lang="en">Add this line in the JSON file:</li>
679
+ </ol>
680
+ <div class="code-block" style="margin-top: 0.5rem;">
681
+ <button class="copy-btn">Copy</button>
682
+ <pre><code>"claude-code.dangerouslySkipPermissions": true</code></pre>
683
+ </div>
684
+ <div class="tutorial-note" style="margin-top: 0.5rem;">
685
+ <p data-lang="fr"><strong>Note :</strong> Le mode bypass permissions permet a Claude d'executer des commandes sans confirmation manuelle. Recommande pour une utilisation fluide avec SmartStack.</p>
686
+ <p data-lang="en"><strong>Note:</strong> Bypass permissions mode allows Claude to execute commands without manual confirmation. Recommended for a smooth experience with SmartStack.</p>
705
687
  </div>
706
688
  </div>
707
689
  </div>
@@ -717,17 +699,29 @@ git config --global credential.helper manager</code></pre>
717
699
  <span data-lang="en">Install SmartStack CLI</span>
718
700
  </div>
719
701
  <div class="checklist-description">
720
- <p data-lang="fr">Installez SmartStack CLI globalement avec npm.</p>
721
- <p data-lang="en">Install SmartStack CLI globally with npm.</p>
702
+ <p data-lang="fr">Installez SmartStack CLI et configurez le PATH :</p>
703
+ <p data-lang="en">Install SmartStack CLI and configure PATH:</p>
722
704
  <div class="code-block">
723
705
  <button class="copy-btn">Copy</button>
724
- <pre><code>npm install -g @atlashub/smartstack-cli</code></pre>
706
+ <pre><code># 1. Installer SmartStack CLI
707
+ npm install -g @atlashub/smartstack-cli
708
+
709
+ # 2. Ajouter npm au PATH (permanent)
710
+ $npmPath = "$env:APPDATA\npm"
711
+ [Environment]::SetEnvironmentVariable("PATH", $env:PATH + ";$npmPath", "User")
712
+
713
+ # 3. Recharger le PATH dans cette session
714
+ $env:PATH += ";$npmPath"
715
+
716
+ # 4. Verifier l'installation
717
+ smartstack --version
718
+
719
+ # 5. Deployer les skills, agents et hooks
720
+ smartstack install</code></pre>
725
721
  </div>
726
- <p data-lang="fr">Verifiez l'installation :</p>
727
- <p data-lang="en">Verify installation:</p>
728
- <div class="code-block">
729
- <button class="copy-btn">Copy</button>
730
- <pre><code>smartstack --version</code></pre>
722
+ <div class="tutorial-note" style="margin-top: 0.5rem;">
723
+ <p data-lang="fr"><strong>Alias disponible :</strong> Vous pouvez utiliser <code>ss</code> au lieu de <code>smartstack</code> (ex: <code>ss --version</code>).</p>
724
+ <p data-lang="en"><strong>Alias available:</strong> You can use <code>ss</code> instead of <code>smartstack</code> (e.g., <code>ss --version</code>).</p>
731
725
  </div>
732
726
  </div>
733
727
  </div>
@@ -747,11 +741,11 @@ git config --global credential.helper manager</code></pre>
747
741
  <p data-lang="en">Install the SmartStack MCP server for conventions validation and scaffolding.</p>
748
742
  <div class="code-block">
749
743
  <button class="copy-btn">Copy</button>
750
- <pre><code># Etape 1: Installer le package globalement
744
+ <pre><code># 1. Installer le package
751
745
  npm install -g @atlashub/smartstack-mcp
752
746
 
753
- # Etape 2: Enregistrer le serveur MCP dans Claude
754
- claude mcp add smartstack -- npx @atlashub/smartstack-mcp</code></pre>
747
+ # 2. Enregistrer dans Claude
748
+ claude mcp add smartstack -- smartstack-mcp</code></pre>
755
749
  </div>
756
750
  </div>
757
751
  </div>
@@ -763,51 +757,103 @@ claude mcp add smartstack -- npx @atlashub/smartstack-mcp</code></pre>
763
757
  <div class="checklist-checkbox" onclick="toggleStep(6)"></div>
764
758
  <div class="checklist-content">
765
759
  <div class="checklist-title">
766
- <span data-lang="fr">Installer Context7 MCP Server</span>
767
- <span data-lang="en">Install Context7 MCP Server</span>
760
+ <span data-lang="fr">Installer Context7 MCP Server (optionnel)</span>
761
+ <span data-lang="en">Install Context7 MCP Server (optional)</span>
768
762
  </div>
769
763
  <div class="checklist-description">
770
764
  <p data-lang="fr">Installez le serveur MCP Context7 pour acceder a la documentation des bibliotheques.</p>
771
765
  <p data-lang="en">Install the Context7 MCP server to access library documentation.</p>
772
766
 
773
- <!-- API Key Input -->
774
- <div class="api-key-section">
775
- <label data-lang="fr"><strong>Cle API Context7</strong> (optionnel - ameliore les performances)</label>
776
- <label data-lang="en"><strong>Context7 API Key</strong> (optional - improves performance)</label>
777
- <div class="api-key-input-wrapper">
778
- <input type="text" class="api-key-input" id="context7-api-key" placeholder="ctx7_xxxxxxxx">
779
- <button class="api-key-save-btn" onclick="saveApiKey()">
780
- <span data-lang="fr">Sauvegarder</span>
781
- <span data-lang="en">Save</span>
782
- </button>
783
- </div>
784
- <small style="color: var(--text-muted); margin-top: 0.5rem; display: block;">
785
- <span data-lang="fr">Obtenez une cle API sur <a href="https://context7.com" target="_blank">context7.com</a></span>
786
- <span data-lang="en">Get an API key at <a href="https://context7.com" target="_blank">context7.com</a></span>
787
- </small>
788
- </div>
767
+ <p data-lang="fr">Obtenez une cle API sur <a href="https://context7.com" target="_blank">context7.com</a>, puis executez ces 3 commandes :</p>
768
+ <p data-lang="en">Get an API key at <a href="https://context7.com" target="_blank">context7.com</a>, then run these 3 commands:</p>
789
769
 
790
770
  <div class="code-block">
791
771
  <button class="copy-btn">Copy</button>
792
- <pre><code id="context7-command"># Sans cle API
793
- claude mcp add context7 -- npx @upstash/context7-mcp</code></pre>
772
+ <pre><code># 1. Definir la cle API (remplacez par votre cle)
773
+ $env:CONTEXT7_API_KEY = "votre-cle-api"
774
+
775
+ # 2. Installer le package
776
+ npm install -g @upstash/context7-mcp
777
+
778
+ # 3. Enregistrer dans Claude
779
+ claude mcp add context7 -- context7-mcp</code></pre>
794
780
  </div>
795
781
  </div>
796
782
  </div>
797
783
  </li>
798
784
 
799
- <!-- Step 7: Verification -->
785
+ <!-- Step 7: Azure DevOps MCP Server -->
800
786
  <li class="checklist-item" data-step="7">
801
787
  <span class="checklist-number">7</span>
802
788
  <div class="checklist-checkbox" onclick="toggleStep(7)"></div>
789
+ <div class="checklist-content">
790
+ <div class="checklist-title">
791
+ <span data-lang="fr">Installer Azure DevOps MCP Server (optionnel)</span>
792
+ <span data-lang="en">Install Azure DevOps MCP Server (optional)</span>
793
+ </div>
794
+ <div class="checklist-description">
795
+ <p data-lang="fr">Si vous utilisez Azure DevOps, installez ce serveur MCP pour interagir avec vos repos, PRs et pipelines.</p>
796
+ <p data-lang="en">If you use Azure DevOps, install this MCP server to interact with your repos, PRs, and pipelines.</p>
797
+
798
+ <p data-lang="fr">Vous aurez besoin d'un <strong>Personal Access Token (PAT)</strong> Azure DevOps avec les permissions adequates.</p>
799
+ <p data-lang="en">You'll need an Azure DevOps <strong>Personal Access Token (PAT)</strong> with the appropriate permissions.</p>
800
+
801
+ <div class="code-block">
802
+ <button class="copy-btn">Copy</button>
803
+ <pre><code># 1. Definir vos credentials Azure DevOps
804
+ $env:AZURE_DEVOPS_ORG_URL = "https://dev.azure.com/votre-org"
805
+ $env:AZURE_DEVOPS_PAT = "votre-pat-token"
806
+
807
+ # 2. Installer le package
808
+ npm install -g @anthropic/azure-devops-mcp
809
+
810
+ # 3. Enregistrer dans Claude
811
+ claude mcp add azure-devops -- azure-devops-mcp</code></pre>
812
+ </div>
813
+
814
+ <div class="tutorial-note" style="margin-top: 0.5rem;">
815
+ <p data-lang="fr"><strong>Creer un PAT :</strong> Azure DevOps → User Settings → Personal Access Tokens → New Token. Permissions recommandees : Code (Read & Write), Work Items (Read & Write), Build (Read).</p>
816
+ <p data-lang="en"><strong>Create a PAT:</strong> Azure DevOps → User Settings → Personal Access Tokens → New Token. Recommended permissions: Code (Read & Write), Work Items (Read & Write), Build (Read).</p>
817
+ </div>
818
+ </div>
819
+ </div>
820
+ </li>
821
+
822
+ <!-- Step 8: Restart VS Code -->
823
+ <li class="checklist-item" data-step="8">
824
+ <span class="checklist-number">8</span>
825
+ <div class="checklist-checkbox" onclick="toggleStep(8)"></div>
826
+ <div class="checklist-content">
827
+ <div class="checklist-title">
828
+ <span data-lang="fr">Redemarrer VS Code</span>
829
+ <span data-lang="en">Restart VS Code</span>
830
+ </div>
831
+ <div class="checklist-description">
832
+ <div class="alert alert-warning" style="margin-bottom: 1rem;">
833
+ <span class="alert-icon">&#9888;</span>
834
+ <div class="alert-content">
835
+ <p data-lang="fr"><strong>Important :</strong> Apres l'installation des serveurs MCP, vous devez redemarrer VS Code pour que les changements soient pris en compte.</p>
836
+ <p data-lang="en"><strong>Important:</strong> After installing MCP servers, you must restart VS Code for the changes to take effect.</p>
837
+ </div>
838
+ </div>
839
+ <p data-lang="fr">Fermez completement VS Code et rouvrez-le. Cela permet a Claude Code de detecter les nouveaux serveurs MCP.</p>
840
+ <p data-lang="en">Close VS Code completely and reopen it. This allows Claude Code to detect the new MCP servers.</p>
841
+ </div>
842
+ </div>
843
+ </li>
844
+
845
+ <!-- Step 9: Verification -->
846
+ <li class="checklist-item" data-step="9">
847
+ <span class="checklist-number">9</span>
848
+ <div class="checklist-checkbox" onclick="toggleStep(9)"></div>
803
849
  <div class="checklist-content">
804
850
  <div class="checklist-title">
805
851
  <span data-lang="fr">Verifier l'installation</span>
806
852
  <span data-lang="en">Verify Installation</span>
807
853
  </div>
808
854
  <div class="checklist-description">
809
- <p data-lang="fr">Verifiez que tout est correctement installe.</p>
810
- <p data-lang="en">Verify that everything is correctly installed.</p>
855
+ <p data-lang="fr">Verifiez que tout est correctement installe :</p>
856
+ <p data-lang="en">Verify that everything is correctly installed:</p>
811
857
  <div class="code-block">
812
858
  <button class="copy-btn">Copy</button>
813
859
  <pre><code># Verifier les versions
@@ -815,9 +861,18 @@ node --version
815
861
  claude --version
816
862
  smartstack --version
817
863
 
818
- # Verifier les serveurs MCP
864
+ # Verifier les serveurs MCP enregistres
819
865
  claude mcp list</code></pre>
820
866
  </div>
867
+
868
+ <p data-lang="fr" style="margin-top: 1rem;">Dans Claude Code, verifiez que les MCP fonctionnent :</p>
869
+ <p data-lang="en" style="margin-top: 1rem;">In Claude Code, verify that MCPs are working:</p>
870
+ <div class="code-block">
871
+ <button class="copy-btn">Copy</button>
872
+ <pre><code># Verifier le statut des serveurs MCP
873
+ /mcp healthcheck</code></pre>
874
+ </div>
875
+
821
876
  <div class="alert alert-success" style="margin-top: 1rem;">
822
877
  <span class="alert-icon">&#9989;</span>
823
878
  <div class="alert-content">
@@ -826,8 +881,8 @@ claude mcp list</code></pre>
826
881
  <ul style="margin: 0.5rem 0 0 1rem;">
827
882
  <li data-lang="fr">Creer un nouveau projet : <code>smartstack init MyProject</code></li>
828
883
  <li data-lang="en">Create a new project: <code>smartstack init MyProject</code></li>
829
- <li data-lang="fr">Ou initialiser sur un projet existant : <code>smartstack init .</code></li>
830
- <li data-lang="en">Or initialize on an existing project: <code>smartstack init .</code></li>
884
+ <li data-lang="fr">Ou initialiser sur un projet existant : <code>smartstack init</code></li>
885
+ <li data-lang="en">Or initialize on an existing project: <code>smartstack init</code></li>
831
886
  </ul>
832
887
  </div>
833
888
  </div>
@@ -835,6 +890,145 @@ claude mcp list</code></pre>
835
890
  </div>
836
891
  </li>
837
892
  </ul>
893
+
894
+ <!-- Troubleshooting Section -->
895
+ <div class="alert alert-info" style="margin-top: 2rem;">
896
+ <span class="alert-icon">&#128736;</span>
897
+ <div class="alert-content">
898
+ <h4 data-lang="fr" style="margin-top: 0;">Problemes courants</h4>
899
+ <h4 data-lang="en" style="margin-top: 0;">Common Issues</h4>
900
+ <ul style="margin: 0.5rem 0 0 1rem;">
901
+ <li data-lang="fr"><strong>MCP non detecte :</strong> Redemarrez VS Code completement (File → Exit, pas juste fermer la fenetre)</li>
902
+ <li data-lang="en"><strong>MCP not detected:</strong> Restart VS Code completely (File → Exit, not just closing the window)</li>
903
+ <li data-lang="fr"><strong>Erreur "command not found" :</strong> Fermez et rouvrez votre terminal PowerShell pour recharger le PATH</li>
904
+ <li data-lang="en"><strong>"command not found" error:</strong> Close and reopen your PowerShell terminal to reload the PATH</li>
905
+ <li data-lang="fr"><strong>Permissions refusees :</strong> Executez PowerShell en tant qu'administrateur</li>
906
+ <li data-lang="en"><strong>Permission denied:</strong> Run PowerShell as administrator</li>
907
+ <li data-lang="fr"><strong>MCP healthcheck echoue :</strong> Verifiez vos cles API et tokens dans les variables d'environnement</li>
908
+ <li data-lang="en"><strong>MCP healthcheck fails:</strong> Check your API keys and tokens in environment variables</li>
909
+ </ul>
910
+ </div>
911
+ </div>
912
+ </section>
913
+
914
+ <!-- Useful Commands Section -->
915
+ <section id="useful-commands">
916
+ <h3>
917
+ <span data-lang="fr">Commandes utiles</span>
918
+ <span data-lang="en">Useful Commands</span>
919
+ </h3>
920
+ <p data-lang="fr">Voici les commandes essentielles a connaitre apres l'installation :</p>
921
+ <p data-lang="en">Here are the essential commands to know after installation:</p>
922
+
923
+ <!-- Terminal Commands -->
924
+ <h4 style="margin-top: 1.5rem;">
925
+ <span data-lang="fr">Dans le terminal PowerShell</span>
926
+ <span data-lang="en">In PowerShell terminal</span>
927
+ </h4>
928
+ <div class="table-container">
929
+ <table>
930
+ <thead>
931
+ <tr>
932
+ <th data-lang="fr">Commande</th>
933
+ <th data-lang="en">Command</th>
934
+ <th data-lang="fr">Description</th>
935
+ <th data-lang="en">Description</th>
936
+ </tr>
937
+ </thead>
938
+ <tbody>
939
+ <tr>
940
+ <td><code>smartstack --version</code></td>
941
+ <td data-lang="fr">Afficher la version installee</td>
942
+ <td data-lang="en">Show installed version</td>
943
+ </tr>
944
+ <tr>
945
+ <td><code>smartstack install</code></td>
946
+ <td data-lang="fr">Reinstaller les skills et agents</td>
947
+ <td data-lang="en">Reinstall skills and agents</td>
948
+ </tr>
949
+ <tr>
950
+ <td><code>smartstack install --force</code></td>
951
+ <td data-lang="fr">Forcer la reinstallation (ecrase les fichiers existants)</td>
952
+ <td data-lang="en">Force reinstall (overwrites existing files)</td>
953
+ </tr>
954
+ <tr>
955
+ <td><code>smartstack init</code></td>
956
+ <td data-lang="fr">Initialiser SmartStack dans le projet actuel</td>
957
+ <td data-lang="en">Initialize SmartStack in current project</td>
958
+ </tr>
959
+ <tr>
960
+ <td><code>claude mcp list</code></td>
961
+ <td data-lang="fr">Lister les serveurs MCP enregistres</td>
962
+ <td data-lang="en">List registered MCP servers</td>
963
+ </tr>
964
+ <tr>
965
+ <td><code>claude mcp remove &lt;name&gt;</code></td>
966
+ <td data-lang="fr">Supprimer un serveur MCP</td>
967
+ <td data-lang="en">Remove an MCP server</td>
968
+ </tr>
969
+ </tbody>
970
+ </table>
971
+ </div>
972
+
973
+ <!-- Claude Code Commands -->
974
+ <h4 style="margin-top: 1.5rem;">
975
+ <span data-lang="fr">Dans Claude Code (VS Code)</span>
976
+ <span data-lang="en">In Claude Code (VS Code)</span>
977
+ </h4>
978
+ <div class="table-container">
979
+ <table>
980
+ <thead>
981
+ <tr>
982
+ <th data-lang="fr">Commande</th>
983
+ <th data-lang="en">Command</th>
984
+ <th data-lang="fr">Description</th>
985
+ <th data-lang="en">Description</th>
986
+ </tr>
987
+ </thead>
988
+ <tbody>
989
+ <tr>
990
+ <td><code>/mcp healthcheck</code></td>
991
+ <td data-lang="fr">Verifier le statut de tous les serveurs MCP</td>
992
+ <td data-lang="en">Check status of all MCP servers</td>
993
+ </tr>
994
+ <tr>
995
+ <td><code>/mcp tools</code></td>
996
+ <td data-lang="fr">Lister les outils disponibles dans les MCP</td>
997
+ <td data-lang="en">List available tools in MCPs</td>
998
+ </tr>
999
+ <tr>
1000
+ <td><code>/gitflow init</code></td>
1001
+ <td data-lang="fr">Initialiser GitFlow dans le projet</td>
1002
+ <td data-lang="en">Initialize GitFlow in project</td>
1003
+ </tr>
1004
+ <tr>
1005
+ <td><code>/gitflow status</code></td>
1006
+ <td data-lang="fr">Voir le statut GitFlow</td>
1007
+ <td data-lang="en">View GitFlow status</td>
1008
+ </tr>
1009
+ <tr>
1010
+ <td><code>/gitflow start feature &lt;nom&gt;</code></td>
1011
+ <td data-lang="fr">Demarrer une nouvelle feature</td>
1012
+ <td data-lang="en">Start a new feature</td>
1013
+ </tr>
1014
+ <tr>
1015
+ <td><code>/gitflow commit</code></td>
1016
+ <td data-lang="fr">Commit intelligent avec validation</td>
1017
+ <td data-lang="en">Smart commit with validation</td>
1018
+ </tr>
1019
+ <tr>
1020
+ <td><code>/validate</code></td>
1021
+ <td data-lang="fr">Valider les conventions SmartStack</td>
1022
+ <td data-lang="en">Validate SmartStack conventions</td>
1023
+ </tr>
1024
+ </tbody>
1025
+ </table>
1026
+ </div>
1027
+
1028
+ <div class="tutorial-note" style="margin-top: 1rem;">
1029
+ <p data-lang="fr"><strong>Astuce :</strong> Tapez <code>/</code> dans Claude Code pour voir toutes les commandes (skills) disponibles.</p>
1030
+ <p data-lang="en"><strong>Tip:</strong> Type <code>/</code> in Claude Code to see all available commands (skills).</p>
1031
+ </div>
838
1032
  </section>
839
1033
 
840
1034
  <!-- Next Steps - Tutorial -->
@@ -908,13 +1102,25 @@ claude mcp list</code></pre>
908
1102
  <span data-lang="en">Initialize GitFlow</span>
909
1103
  </h4>
910
1104
 
911
- <p data-lang="fr">Ouvrez Claude Code dans un dossier vide et lancez l'initialisation GitFlow :</p>
912
- <p data-lang="en">Open Claude Code in an empty folder and launch GitFlow initialization:</p>
1105
+ <p data-lang="fr">Naviguez vers votre dossier de travail, puis ouvrez Claude Code :</p>
1106
+ <p data-lang="en">Navigate to your work folder, then open Claude Code:</p>
1107
+
1108
+ <div class="code-block">
1109
+ <button class="copy-btn">Copy</button>
1110
+ <pre><code># 1. Naviguez vers votre dossier de travail (exemple)
1111
+ cd C:\dev
1112
+
1113
+ # 2. Ouvrez Claude Code dans VS Code
1114
+ code .</code></pre>
1115
+ </div>
1116
+
1117
+ <p data-lang="fr" style="margin-top: 1rem;">Puis dans Claude Code, lancez l'initialisation GitFlow :</p>
1118
+ <p data-lang="en" style="margin-top: 1rem;">Then in Claude Code, launch GitFlow initialization:</p>
913
1119
 
914
1120
  <div class="code-block">
915
1121
  <button class="copy-btn">Copy</button>
916
1122
  <pre><code># Dans Claude Code, tapez :
917
- /gitflow 1-init</code></pre>
1123
+ /gitflow init</code></pre>
918
1124
  </div>
919
1125
 
920
1126
  <p data-lang="fr" style="margin-top: 1rem;">L'assistant vous guidera pour :</p>
@@ -949,7 +1155,7 @@ claude mcp list</code></pre>
949
1155
  <div class="code-block">
950
1156
  <button class="copy-btn">Copy</button>
951
1157
  <pre><code># Depuis la racine de votre projet clone
952
- smartstack init .</code></pre>
1158
+ smartstack init</code></pre>
953
1159
  </div>
954
1160
 
955
1161
  <p data-lang="fr" style="margin-top: 1rem;">Cette commande va :</p>
@@ -992,21 +1198,21 @@ smartstack init .</code></pre>
992
1198
  <span data-lang="fr">Nouvelle fonctionnalite</span>
993
1199
  <span data-lang="en">New feature</span>
994
1200
  </div>
995
- <code style="font-size: 0.85rem;">/gitflow 10-start feature {nom}</code>
1201
+ <code style="font-size: 0.85rem;">/gitflow start feature {nom}</code>
996
1202
  </div>
997
1203
  <div style="flex: 1; min-width: 200px; padding: 1rem; background: rgba(234, 179, 8, 0.1); border: 1px solid #eab308; border-radius: 8px;">
998
1204
  <div style="font-weight: 600; color: #eab308; margin-bottom: 0.5rem;">
999
1205
  <span data-lang="fr">Deployer en prod</span>
1000
1206
  <span data-lang="en">Deploy to prod</span>
1001
1207
  </div>
1002
- <code style="font-size: 0.85rem;">/gitflow 10-start release</code>
1208
+ <code style="font-size: 0.85rem;">/gitflow start release</code>
1003
1209
  </div>
1004
1210
  <div style="flex: 1; min-width: 200px; padding: 1rem; background: rgba(236, 72, 153, 0.1); border: 1px solid #ec4899; border-radius: 8px;">
1005
1211
  <div style="font-weight: 600; color: #ec4899; margin-bottom: 0.5rem;">
1006
1212
  <span data-lang="fr">Bug urgent prod</span>
1007
1213
  <span data-lang="en">Urgent prod bug</span>
1008
1214
  </div>
1009
- <code style="font-size: 0.85rem;">/gitflow 10-start hotfix {nom}</code>
1215
+ <code style="font-size: 0.85rem;">/gitflow start hotfix {nom}</code>
1010
1216
  </div>
1011
1217
  </div>
1012
1218
 
@@ -1016,16 +1222,16 @@ smartstack init .</code></pre>
1016
1222
  <div class="code-block">
1017
1223
  <button class="copy-btn">Copy</button>
1018
1224
  <pre><code># 1. Demarrer une branche
1019
- /gitflow 10-start feature ma-fonctionnalite
1225
+ /gitflow start feature ma-fonctionnalite
1020
1226
 
1021
1227
  # 2. Coder... puis commiter regulierement
1022
- /gitflow 3-commit
1228
+ /gitflow commit
1023
1229
 
1024
1230
  # 3. Creer une Pull Request quand c'est pret
1025
- /gitflow 7-pull-request
1231
+ /gitflow pr
1026
1232
 
1027
1233
  # 4. Finaliser apres le merge
1028
- /gitflow 11-finish</code></pre>
1234
+ /gitflow finish</code></pre>
1029
1235
  </div>
1030
1236
 
1031
1237
  <div class="alert alert-info" style="margin-top: 1rem;">
@@ -1093,7 +1299,6 @@ smartstack init .</code></pre>
1093
1299
  // Initialize on page load
1094
1300
  document.addEventListener('DOMContentLoaded', function() {
1095
1301
  loadProgress();
1096
- loadApiKey();
1097
1302
  loadPlatform();
1098
1303
  loadOS();
1099
1304
  updateProgressBar();
@@ -1237,41 +1442,6 @@ smartstack init .</code></pre>
1237
1442
  }
1238
1443
  }
1239
1444
 
1240
- // API Key management
1241
- function saveApiKey() {
1242
- var input = document.getElementById('context7-api-key');
1243
- var apiKey = input.value.trim();
1244
-
1245
- if (apiKey) {
1246
- localStorage.setItem('context7-api-key', apiKey);
1247
- updateContext7Command(apiKey);
1248
- } else {
1249
- localStorage.removeItem('context7-api-key');
1250
- updateContext7Command('');
1251
- }
1252
- }
1253
-
1254
- function loadApiKey() {
1255
- var apiKey = localStorage.getItem('context7-api-key');
1256
- if (apiKey) {
1257
- var input = document.getElementById('context7-api-key');
1258
- if (input) {
1259
- input.value = apiKey;
1260
- }
1261
- updateContext7Command(apiKey);
1262
- }
1263
- }
1264
-
1265
- function updateContext7Command(apiKey) {
1266
- var commandEl = document.getElementById('context7-command');
1267
- if (commandEl) {
1268
- if (apiKey) {
1269
- commandEl.textContent = '# Avec cle API\nclaude mcp add context7 -e CONTEXT7_API_KEY=' + apiKey + ' -- npx @upstash/context7-mcp';
1270
- } else {
1271
- commandEl.textContent = '# Sans cle API\nclaude mcp add context7 -- npx @upstash/context7-mcp';
1272
- }
1273
- }
1274
- }
1275
1445
  </script>
1276
1446
  </body>
1277
1447
  </html>