Vibe Coding

Démystification, avantages et dangers

Ilia Azizi
Nomades Advanced Technologies - 12 juin 2025

Qu’est-ce que le “Vibe Coding” ?

Une nouvelle approche de programmation où l’IA génère du code à partir de descriptions en langage naturel

  • Terme introduit par Andrej Karpathy en février 2025
  • Principe : Décrire ce qu’on veut en français/anglais plutôt qu’écrire le code manuellement
  • Changement de paradigme : Du “software engineer” au “chef de projet”
  • Officialisé dans le dictionnaire Merriam-Webster en mars 2025

Andrej Karpathy :

  • Co-fondateur d’OpenAI, ex-directeur IA de Tesla

  • PhD en Computer Science (Stanford)

  • Expert en deep learning et vision par ordinateur

  • Pionnier de l’IA appliquée aux véhicules autonomes

“Ce n’est plus vraiment du codage - je vois juste des trucs, je dis des trucs, je lance des trucs, et je copie-colle des trucs, et ça marche plutôt bien” - Andrej Karpathy

Vibe Coding vs AI Assistant : La Différence 🔎

AI Coding Assistant (ex: GitHub Copilot)

  • Rôle : Outil d’assistance au développeur

  • Contrôle : Le développeur garde le contrôle total

  • Code : Suggestions que l’on révise et accepte/refuse

  • Compréhension : On comprend et valide chaque ligne

  • Usage : Accélération de la frappe, autocomplétion intelligente

Vibe Coding

  • Rôle : L’IA devient le développeur principal

  • Contrôle : On accepte tout (“Accept All”), pas de révision

  • Code : Génération massive sans lecture des diffs

  • Compréhension : Acceptation sans compréhension complète

  • Usage : Création rapide d’applications jetables

“Si un LLM a écrit chaque ligne de votre code, mais que vous l’avez relu, testé et compris, ce n’est pas du vibe coding - c’est utiliser un LLM comme assistant de frappe” Simon Willison, Co-créateur du framework web Django

Le vibe coding = accepter du code sans compréhension complète

Écosystème des Outils Vibe Coding (Juin 2025)

Outil Type Spécialité Avantages
Cursor Éditeur IA Code génération + Agent autonome Mode Composer, Interface intuitive
Windsurf IDE collaboratif Développement en équipe Collaboration temps réel avec IA
Bolt.new Plateforme web Full-stack rapide WebContainers, déploiement intégré
Lovable.dev Builder no-code Applications visuelles Interface drag-and-drop avec IA
Replit Agent IDE cloud Projets jetables Pas de setup, déploiement instant
Vercel v0 Générateur UI Interfaces React rapides Components prêts, preview live
Claude Artifacts Sandbox IA Prototypage sécurisé Environnement isolé, test rapide
Devin Agent autonome Développement complet Agent indépendant via Slack

Comment ça Marche et Bonnes Pratiques

🔄 Le Processus en 4 Étapes

  1. 📝 Décrire votre idée en français/anglais
    • “Je veux une app de suivi de plantes”
  2. 🤖 L’IA génère le code automatiquement
    • Components, base de données, styles
  3. ✏️ Affiner avec des instructions
    • “Ajoute un mode sombre”
  4. 🔁 Itérer jusqu’à satisfaction
    • Tester, corriger, améliorer

⚡ L’Approche Karpathy

  • “Accept All” : Accepter sans lire
  • Copy-paste des erreurs à l’IA
  • Essai-erreur jusqu’à résolution

📋 Bonnes Pratiques Essentielles

PRD (Product Requirement Document)

# App Todo Simple
## But: Gérer mes tâches quotidiennes

## Fonctionnalités
✓ Ajouter/supprimer des tâches
✓ Marquer comme terminé
✓ Filtrer (Toutes/Actives/Terminées)

## Technologies: React + TypeScript
## Design: Minimaliste, mode sombre

Cursor Rules (.cursorrules)

# Standards du Projet
- TypeScript strict obligatoire
- Composants fonctionnels React
- Tailwind CSS pour le style
- Pas de console.log en production
- Testez régulièrement les fonctionnalités
- Noms: camelCase pour variables
        PascalCase pour composants

Avantages et Dangers

✅ Les Avantages

Démocratisation :

  • Accessibilité : Pas besoin d’apprendre la syntaxe

  • Rapidité : Prototypage jusqu’à Nx plus rapide (questions sur l’amélioration, ex. “10x”)

  • Créativité : Focus sur l’idée plutôt que l’implémentation

Pour les développeurs :

  • Productivité : Automatisation des tâches répétitives

  • Exploration : Test rapide de nouvelles technologies

  • Focus stratégique : Plus de temps sur l’architecture

Adoption massive :

  • Y Combinator 2025 (accélérateurs des startups) : 25% des startups (Hiver 2025) avec 95% de code généré par IA

  • Écosystème (étonnamment) mature : Dizaines d’outils spécialisés disponibles

  • Réduction des coûts jusqu’à 80%

❌ Les Dangers

Problème “Mostly Works” :

  • Règle 80/20 : 20% du travail pour 80% du résultat

  • Les 20% restants = 80% de l’effort réel

  • Code incompréhensible pour son créateur

Vulnérabilités de sécurité :

  • Clés API exposées dans le code client

  • Injection SQL dans les requêtes auto-générées

  • XSS dans les interfaces utilisateur

Limitations d’interface :

  • Écrasement de modifications existantes

  • Éditions précises difficiles

  • Débogage complexe d’erreurs incomprises

Quand Utiliser le Vibe Coding ?

✅ Cas d’Usage Appropriés

  • Projets jetables (prototypes, weekend projects)

  • Applications personnelles à faible risque

  • Apprentissage de nouvelles technologies

  • POCs (Proof of Concepts) rapides

  • Outils internes non-critiques

Recommandation : > “Plutôt pour les projets jetables de week-end et POCs”

❌ À Éviter Absolument

  • Code de production critique

  • Applications financières ou médicales

  • Systèmes de sécurité

  • APIs publiques à fort trafic

  • Applications manipulant des données sensibles

🎯 Conseils Pratiques

Critère Vibe Coding OK Éviter
Durée de vie < 6 mois > 1 an
Utilisateurs Personnel/Interne Public/Clients
Données Non-sensibles Personnelles/Financières
Maintenance Aucune/Minimale Long terme
Risque Faible Élevé

Démo : Plant Vibes - Retour d’Expérience Complet

Application (web) d’Arrosage de Plantes : plant-vibes.vercel.app

Context important :

  • Aucune formation TypeScript : Jamais utilisé avant ce projet

  • 0 ligne de code modifiée : Acceptation complète des suggestions IA

  • Repository privé : Non public pour raisons de sécurité et vulnérabilités

Méthode 100% vibe coding :

  • Instructions vocales uniquement et acceptation aveugle des suggestions
  • Pas de PRD détaillé avant le début
  • Vercel v0 pour l’interface, développement initial et déploiement et Cursor avec Claude Sonnet 4.0 pour le développement approfondi

Fonctionnalités réalisées :

  • Interface utilisateur complète avec gestion de différentes plantes

  • Accès à la caméra

  • Géolocalisation et cartes

  • Mode sombre

  • Authentification Google

Statistiques réelles :

  • 10 heures de développement total

  • ~7000 lignes TypeScript générées

  • ~90% du temps = debugging aveugle

Bilan Honnête

✅ Succès POC

  • La première version de l’appli a été développée en moins d’une heure

  • Le reste du temps a été passé à ajouter des fonctionnalités et à empêcher l’IA de supprimer celles qui existaient déjà.

  • Intégrations complexes automatiques

  • Standards cohérents appliqués

❌ Défis majeurs

  • La base de données peut être testée et le nombre d’utilisateurs est indiqué dans les essais (pas les noms d’utilisateur).

  • Débogage d’un code incompris (aveugle)

  • Dépendance totale aux outils IA (MCP)

  • Modifications imprévisibles

Model Context Protocol (MCP)

MCP = Protocole ouvert créé par Anthropic (novembre 2024) pour standardiser la communication entre IA et sources de données. MCP est aux applications IA ce qu’USB-C est aux périphériques

  • Clients MCP : Applications IA (Cursor, Claude, etc.)
  • Serveurs MCP : Sources de données (GitHub, Supabase, etc.)
  • Protocole JSON-RPC pour la communication

GitHub MCP :

  • ✅ Création automatique de Pull Requests
  • ✅ Gestion des issues et commentaires
  • ⚠️ Révision de code collaborative
  • ❌ Conflits de merge complexes

Supabase MCP :

  • ✅ Génération de schémas automatique
  • ✅ Requêtes SQL optimisées

Conclusion : 3 Messages Clés

1️⃣ Le Vibe Coding = Outil, pas Solution Magique

✅ Excellent pour :

  • Prototypes rapides (POCs et démos)
  • Projets personnels
  • Apprentissage de nouvelles tech

❌ Dangereux pour :

  • Production critique (ex. financières/médicales)
  • Données sensibles
  • Maintenance long terme

2️⃣ “Mostly Works” ≠ “Production Ready”

La règle 80/20 : Les derniers 20% prennent 80% du temps

3️⃣ L’Avenir = Collaboration Humain + IA

  • Aujourd’hui : L’IA génère, l’humain vérifie
  • Demain (MCP) : L’IA orchestre plusieurs outils
  • Toujours : L’expertise humaine reste indispensable

“Le vibe coding ne remplacera pas les développeurs, mais les développeurs qui maîtrisent le vibe coding remplaceront ceux qui ne l’utilisent pas”

Questions ? | Contact : unco3892@gmail.com | Demo : plant-vibes.vercel.app 🌱

Références

  1. Karpathy, A. (2025). Tweet sur le vibe coding. Twitter/X. Février 2025.
  2. Edwards, B. (2025). “Will the future of software development run on vibes?” Ars Technica, Mars 2025.
  3. Willison, S. (2025). “Not all AI-assisted programming is vibe coding”. Simon Willison’s Weblog, Mars 2025.
  4. Roose, K. (2025). “Not a Coder? With A.I., Just Having an Idea Can Be Enough.” The New York Times, Février 2025.
  5. Mehta, I. (2025). “A quarter of startups in YC’s current cohort have codebases that are almost entirely AI-generated.” TechCrunch, Mars 2025.
  6. Gewirtz, D. (2025). “What is AI vibe coding? It’s all the rage but it’s not for everyone.” ZDNET, Mars 2025.
  7. Anthropic (2024). “Introducing the Model Context Protocol.” Anthropic Blog, Novembre 2024.
  8. Wikipedia (2025). “Vibe coding”. Wikipedia, The Free Encyclopedia.
  9. Kumar, M. (2025). “A Comprehensive Guide to Vibe Coding Tools.” Medium, Mars 2025.
  10. Wolan, R. (2025). Expérience vibe coding chez Webflow. Témoignage personnel.
  11. Gaspar, N. (2025). “State of Vibe Coding Tools (May 2025)” LinkedIn, Mai 2025.