Retour au blog
17 Septembre 2026 6 min readIngénierie IAPar Alexandre Pabst

Du « Vibe Coding » à l'ingénierie logicielle IA : pourquoi nous ouvrons en open source notre framework de Quality Gates

"Développer un produit logiciel avec des agents d'intelligence artificielle est devenu fulgurant. Mais sans gouvernance stricte, le code généré dérive rapidement vers l'approximation et la dette technique. Chez DevSupAi, nous publions en open source l'Agentic Engineering System (AES) pour imposer aux agents IA la rigueur de l'ingénierie logicielle."

Niveau d'explicationMode Technique & Architecture

Version d'ingénierie standard : présente les 5 couches d'architecture logicielle, les termes techniques et les règles de gouvernance.

LE POINT CLÉ À RETENIR

L'efficacité de l'IA ne vaut rien sans garde-fous déterministes : l'Agentic Engineering System (AES) structure le travail des agents d'IA en 5 couches étanches, impose l'honnêteté épistémique (MESURÉ vs ESTIMÉ) et garantit la conformité SEO, A11y et sécurité avant toute mise en production.

1. Le piège du « Vibe Coding » : les trois dérives critiques de l'IA sans gouvernance

Développer un produit logiciel avec des agents d'IA comme Claude Code, Cursor, Codex ou Antigravity permet de monter une interface ou d'assembler des composants en quelques minutes. C'est l'ère du Vibe Coding.

Mais sous le capot, l'enthousiasme initial laisse rapidement place à une réalité brutale : le code généré par IA sans encadrement dérive inévitablement vers ce que l'industrie qualifie de slop (dette technique invisible, duplication de modules, régressions silencieuses).

Chez DevSupAi, nous refusons de livrer du code approximatif à nos clients. L'analyse des projets d'IA menés sans garde-fous met en évidence trois dérives systématiques :

  • La contamination de contexte (Prompt Bloat) :Empiler toutes les consignes dans un fichier d'instructions monolithique (CLAUDE.md, .cursorrules) pousse l'agent à mélanger les principes généraux, les contraintes de stack et les données d'anciens projets, provoquant des hallucinations de tarifs ou de logiques métier.
  • Les fausses promesses et hallucinations commerciales :Par défaut, un modèle de langage cherche à satisfaire son interlocuteur. Il invente spontanément de faux avis clients, des pourcentages marketing invérifiables ou affirme avec aplomb qu'une interface est 100% WCAG AA compliant sans qu'aucun test d'accessibilité n'ait été exécuté.
  • Les rapports de livraison complaisants :L'agent annonce triomphalement que tout est prêt pour la production sans avoir exécuté le moindre test unitaire réel, sans avoir vérifié le responsive et sans avoir mesuré le poids réel des fichiers délivrés.

2. Notre réponse : la Règle des 5 Couches étanches de contexte

Pour éradiquer la contamination de contexte, nous avons banni les prompts monolithiques au profit d'un découpage strict en 5 couches étanches où chaque niveau dispose d'une responsabilité exclusive.

Cette séparation méthodique garantit que chaque agent dispose exactement du contexte nécessaire à l'exécution de sa tâche, sans bruit parasite ni interférence entre les couches.

Architecture en 5 couches du framework Agentic Engineering System (AES)

CouchePérimètreRôle opérationnelExemple concret DevSupAi
Couche 1 : GLOBALPrincipes fondamentaux universelsRègles transversales non négociables : sécurité, non-régression, zéro faux avis, zéro emoji en productionInterdiction d'inventer des prix ou des pourcentages non prouvés
Couche 2 : PROCÉDURES (Skills)Scripts déterministes d'automatisationOutils exécutables en local produisant des contrôles tangibles et chiffrésContrôles A11y, validation du sitemap.xml, calcul exact des bundles
Couche 3 : PROJETConfiguration déclarative uniqueFichier source de vérité (project.config.json) contenant SIRET, domaine, langues et tarifs officielsTarifs des packs validés (950 €, 1 850 €, 2 600 €, 3 200 €, TJM 400 €)
Couche 4 : STACKContraintes technologiques cibléesRègles spécifiques au framework et au runtime sans impacter les autres projetsRègles React 19, hooks d'hydratation vite-react-ssg, isolation du SSR
Couche 5 : FAITSDonnées métier réellesInformations vérifiées par un humain ; interdiction formelle d'extrapoler si une donnée manqueDonnées légales d'Alexandre Pabst EI, coordonnées et études de cas réelles

3. L'Honnêteté Épistémique : finie l'approximation arithmétique et marketing

Avec l'Agentic Engineering System, nous imposons 4 statuts épistémiques stricts et mutuellement exclusifs pour qualifier toute affirmation ou mesure dans nos rapports.

Les modèles de langage excellent dans le raisonnement conceptuel, mais ils sont notoirement faillibles en calcul arithmétique et en métrologie physique. Dans un rapport de performance, un agent non contraint a tendance à inventer une taille de bundle ou à arrondir arbitrairement des pourcentages.

Si un calcul dérivable existe (comme la somme des poids HTML + CSS + JS ou le calcul d'une moyenne), l'agent a l'interdiction de le faire de tête : il doit obligatoirement exécuter un script dédié et reproduire le résultat exact.

Les 4 statuts épistémiques obligatoires de notre système de Quality Gates

StatutDéfinition rigoureuseCritère de validitéExemple d'application
MESURÉDonnée résultant d'un script ou test réellement exécuté en localPreuve instrumentée obligatoireTaille physique du bundle JavaScript = 89,17 kB gzippé
NON MESURÉMétrique impossible à simuler localement ou non instrumentéeMention explicite obligatoire si la mesure réelle est absenteCore Web Vitals réels (LCP, INP, CLS) sans monitoring RUM en conditions réelles
ESTIMÉCalcul projectif ou modélisation théoriqueIndication formelle du modèle de calculEstimation théorique d'un gain de bande passante avant déploiement
QUALITATIFAppréciation technique issue d'une revue de code humaine ou automatiséeNe constitue jamais une mesure physiqueRemarque qualitative sur la clarté du découpage d'un composant

4. Une infrastructure SEO, AEO et accessibilité verrouillée par défaut

Le référencement technique et l'accessibilité numérique ne tolèrent aucun compromis. Notre orchestrateur de Quality Gates valide automatiquement plusieurs points cruciaux avant chaque livraison :

  • Hiérarchie des titres (Headings) :Exactement un et un seul <h1> par page, suivi d'une arborescence strictement séquentielle (<h1> vers <h2> vers <h3>) sans aucun saut de niveau.
  • Balises canoniques et multilinguisme :Génération systématique d'URLs canoniques absolues et de balises hreflang réciproques pour chaque route linguistique.
  • Standard llms.txt pour les moteurs IA (AEO) :Formatage rigoureux des URLs d'indexation pour les moteurs conversationnels (SearchGPT, Perplexity, Claude) afin qu'ils citent les informations réelles de votre site sans halluciner.
  • Accessibilité sans complaisance :Interdiction d'affirmer 100% accessible ou conforme WCAG suite à un simple scan automatisé. Le rapport détaille précisément les critères testés et ceux nécessitant un audit manuel.

5. Pourquoi nous publions l'Agentic Engineering System en Open Source

L'intelligence artificielle transforme en profondeur le développement logiciel. Nous sommes convaincus que la valeur ajoutée d'un studio d'ingénierie comme DevSupAi ne réside pas dans la vitesse brute de frappe du code, mais dans la rigueur des garde-fous, la robustesse de l'architecture et la garantie d'excellence livrée au client.

En publiant l'Agentic Engineering System (AES) sous licence libre MIT, nous poursuivons un double objectif :

  • Partager un standard industriel réutilisable :Offrir aux développeurs et équipes produit un socle opérationnel compatible avec Claude Code, Cursor, Codex, Antigravity, Aider et Copilot.
  • Garantir une totale transparence à nos clients :Démontrer que chaque site vitrine, boutique e-commerce ou application web conçue chez DevSupAi repose sur une méthodologie industrielle prouvée, transparente et auditable.

Accéder au dépôt GitHub et contribuer

Le projet est disponible dès aujourd'hui sous licence libre MIT sur GitHub : https://github.com/devsupai/agentic-engineering-system.

Vous pouvez cloner le dépôt, tester nos scripts de Quality Gates et adapter la règle des 5 couches à vos propres environnements de développement.

Vous souhaitez développer une application web moderne à la vitesse de l'IA avec la garantie d'une rigueur d'ingénierie sans compromis ? Contactez l'atelier DevSupAi pour échanger sur votre projet.

Certains passages vous ont paru trop techniques ? Vous pouvez basculer en mode vulgarisé sans jargon.

Questions fréquentes

Vous avez un projet en tête ?

Obtenez une étude de faisabilité technique gratuite et un devis personnalisé sous 24 heures.