Un mot à changer dans l'URL GitHub : GitDiagram et Gitingest
Les deux liens, GitDiagram et Gitingest, avec le mot exact à changer dans l'adresse d'un dépôt GitHub.
Le principe
Tu prends l'adresse d'un dépôt GitHub :
https://github.com/codewithtoushif/working-calculator
Et tu changes un seul mot dedans. Selon le mot, tu obtiens un schéma du projet ou tout son code au même endroit.
Les deux sont gratuits.
1. hub devient diagram : le schéma du projet
https://gitdiagram.com/codewithtoushif/working-calculator
Lien du site : https://gitdiagram.com
Tu tapes entrée, et il te dessine le schéma complet du projet : les fichiers, les blocs, et comment ils sont reliés entre eux.
Ce que tu as sur la page :
| Bouton | Ce que ça fait |
|---|---|
| Diagram | le schéma généré du dépôt |
| Regenerate Diagram | relance la génération |
| Export Diagram | récupère le schéma |
| Enable Zoom | zoomer dans le schéma |
| Private Repos | pour tes dépôts privés |
Sur un petit projet web, ça te sort par exemple : le document HTML comme point d'entrée, le script client qui lit et modifie le DOM, la feuille de style qui applique la présentation, et les flèches entre les trois.
2. hub devient ingest : tout le code en un bloc
https://gitingest.com/codewithtoushif/working-calculator
Lien du site : https://gitingest.com
Là tu obtiens, sur une seule page :
- Summary : le dépôt, le commit, le nombre de fichiers analysés
- Directory Structure : l'arborescence complète
- Files Content : le contenu de tous les fichiers, bout à bout
En haut tu as le nombre de tokens (par exemple 15.5k), et deux boutons : Copy all et Download.
3. Le combo
- Ouvre le dépôt qui t'intéresse sur GitHub.
- Remplace
hubpardiagrampour voir l'architecture d'un coup d'œil. - Reviens sur le dépôt, remplace
hubparingest. - Clique sur Copy all.
- Colle dans Claude.
À partir de là, Claude a le contexte complet de ton code. Tu peux lui demander à quoi sert tel fichier, où est la logique de tel bouton, ou de modifier quelque chose en sachant comment tout est relié.
Le mémo
| Tu veux | Tu remplaces | Tu obtiens |
|---|---|---|
| Comprendre la structure | hub → diagram | le schéma du projet |
| Donner le code à une IA | hub → ingest | résumé, arborescence et contenu |
Une question ? Réponds directement à ce message.