Accueil

Vibe Coding d’un Suivi de Budget dans Excel avec Claude Code

Le vibe coding ressemble à une conversation avec votre ordinateur : vous décrivez le résultat souhaité, Claude Code le construit, vous testez et affinez. Ce n’est pas de la magie ; c’est une nouvelle façon de travailler où vous guidez la vision et l’IA gère la mécanique du tableur : formules, mise en forme et graphiques. Ce tutoriel vous guide dans la création d’un vrai suivi de budget à plusieurs feuilles en utilisant uniquement des requêtes en langage naturel.

Concepts Clés

Ce Dont Vous Aurez Besoin

Étape 1 : Créer un Nouveau Dépôt GitHub

Vous disposez maintenant d’un dépôt Git local et d’une sauvegarde sur GitHub.

Étape 2 : Ouvrir le Projet dans VS Code

Étape 3 : Démarrer Claude Code

claude

Claude Code est maintenant en cours d’exécution et prêt à recevoir vos demandes.

Étape 4 : Premier Vibe - Construire les Feuilles Revenus et Dépenses

Au lieu de construire une feuille de calcul cellule par cellule, décrivez simplement ce que vous voulez.

Crée un classeur Excel appelé budget.xlsx avec deux feuilles : « Revenus » et « Dépenses ». Revenus doit avoir les colonnes Source, Mois et Montant, avec 3 exemples de sources de revenus sur 2 mois. Dépenses doit avoir les colonnes Catégorie, Mois et Montant, avec 6 exemples de catégories (comme Loyer, Courses, Transport, Charges, Loisirs, Téléphone) sur les mêmes 2 mois. Ajoute une ligne Total en bas de chaque feuille à l'aide de formules SUM.

Enregistrez votre progression : Demandez à Claude de faire un commit avec Git, ou faites-le vous-même depuis GitHub Desktop :

Fais un commit de ces modifications avec Git.

Étape 5 : Deuxième Vibe - Ajouter une Feuille de Synthèse

Avant de créer des graphiques, reliez les deux feuilles entre elles.

Ajoute une troisième feuille appelée « Synthèse » à budget.xlsx. Elle doit afficher le Total des revenus, le Total des dépenses et l'Épargne nette (Revenus moins Dépenses), chacun calculé avec des formules qui font référence aux feuilles Revenus et Dépenses - pas avec des nombres saisis en dur. En dessous, ajoute un petit tableau montrant les Revenus et les Dépenses de chaque mois, également avec des formules.

Enregistrez votre progression : Demandez à Claude de faire un commit, ou utilisez GitHub Desktop.

Étape 6 : Troisième Vibe - Ajouter des Graphiques

Les nombres sont utiles, mais les graphiques racontent l’histoire en un coup d’œil.

Ajoute à la feuille Dépenses un graphique en secteurs montrant la part totale de chaque catégorie dans les dépenses, avec une part par catégorie (les deux mois cumulés). Ajoute à la feuille Synthèse un graphique en barres comparant le Total des revenus et le Total des dépenses pour chaque mois.

Étape 7 : Quatrième Vibe - Mettre en Évidence les Catégories Hors Budget

Rendez les problèmes visibles en un coup d’œil au lieu de les chercher parmi les nombres.

Dans la feuille Dépenses, ajoute une mise en forme conditionnelle pour que toute dépense supérieure à 500 $ sur un seul mois soit surlignée en rouge, et toute dépense inférieure à 100 $ soit surlignée en vert. Ne colore pas la ligne Total.

Si quelque chose ne semble pas correct, notez ce que vous voyez et décrivez-le à Claude pour qu’il le corrige.

Étape 8 : Cinquième Vibe - Ajouter une Liste Déroulante de Catégories

Rendez la feuille plus facile à compléter sans fautes de frappe.

Ajoute une validation des données à la colonne Catégorie de la feuille Dépenses pour qu'elle n'accepte que les valeurs d'une liste déroulante contenant les catégories existantes, plus « Autre ». Ajoute deux lignes vides juste au-dessus de la ligne Total, prêtes pour de nouvelles saisies, et assure-toi que le Total, les formules de la Synthèse, les totaux du graphique en secteurs (avec une part « Autre ») et les règles de couleur les incluent. Laisse les cellules vides sans couleur.

Étape 9 : Réviser et Committer

Avant de committer, examinez ce que Claude a construit.

Ajout de graphiques, d'une mise en forme conditionnelle et d'une liste déroulante de catégories au suivi de budget

Vous avez enregistré une version complète et fonctionnelle de votre suivi de budget !

Étape 10 : Itérer et Améliorer

Le vibe coding brille lorsque vous itérez. Essayez d’ajouter des fonctionnalités en les décrivant :

Exemples de demandes à Claude :

Après chaque fonctionnalité réussie :

Principes clés :

À chaque fois, suivez le modèle : décrire → vérifier le fichier → itérer → committer.

Prochaines Étapes

Dépannage

Aperçu du Flux de Travail

Ce tutoriel a combiné plusieurs outils en un seul flux de travail :

La magie n’est pas un seul outil : c’est la façon dont le vibe coding vous permet de décrire ce que vous voulez et d’itérer rapidement. Vous êtes passé d’un dossier vide à un suivi de budget fonctionnel et rempli de graphiques sans écrire une seule formule à la main.

Flux de Travail Quotidien

Après cette configuration initiale, votre routine quotidienne de vibe coding devient :

  1. Ouvrez VS Code - Ouvrez votre dossier de projet
  2. Démarrez Claude Code - Tapez claude dans le terminal
  3. Décrivez votre objectif - « Ajoute une fonctionnalité qui… » ou « Corrige la ligne où… »
  4. Vérifiez le fichier - Ouvrez-le dans Spreadsheet Viewer ou dans Excel/LibreOffice
  5. Itérez ou committez - Si quelque chose ne va pas, décrivez la correction ; si cela fonctionne, committez avec GitHub Desktop
  6. Poussez régulièrement - Cliquez sur Push origin pour sauvegarder sur GitHub

Plus vous pratiquez, mieux vous savez décrire ce que vous voulez. Le vibe coding est une compétence : vous apprenez quels types de descriptions fonctionnent le mieux et comment découper de grandes idées de tableur en éléments testables.

Créé par Steven Ge le 21 septembre 2026.