Un design system construit par un agent, avant la première ligne du site

L'ordre habituel est : maquette d'abord, code ensuite. Pour ce site, j'ai inversé une étape de plus en amont : j'ai fait produire le design system lui-même par un agent, à partir d'un brief de marque écrit en Markdown — positionnement, piliers éditoriaux, ton de voix, sitemap, contraintes techniques.

Ce que l'agent a produit

Un système complet : palette de couleurs (thème clair et sombre), échelle typographique, composants React de référence avec leurs règles d'usage, et cinq écrans cliquables recréant les pages du site à partir du seul brief — sans jamais avoir pu consulter le site existant.

Le point le plus utile n'est pas le rendu visuel, mais le kit d'intégration : un guide qui liste explicitement ce qui doit changer avant la mise en production. Dans ce cas précis, deux non-conformités signalées d'elles-mêmes : les polices et les icônes du design system étaient chargées depuis un CDN tiers, ce qu'interdit l'exigence de vie privée du brief. L'agent avait noté l'écart plutôt que de le cacher.

Ce qui reste un choix humain

L'agent a tranché des points laissés ouverts par le brief — couleur d'accent, thème sombre par défaut — et les a listés comme "à valider", pas comme acquis. C'est exactement la posture qui rend ce genre d'outil utilisable en production : il propose, il signale ses propres limites, et il ne décide pas à la place de la personne qui porte la marque.