Partie 4 — Design cohérent & anti-dérive

⏱️ TL;DR — « Mes designs ne sont pas cohérents » a une cause technique précise : l’agent réinvente au lieu de réutiliser, et il n’a pas de source de vérité visuelle. On corrige avec trois leviers : des tokens centralisés dont tout hérite, des primitives qu’on impose de réutiliser, et des techniques anti-dérive (fichier-modèle, recherche-avant-création, revue de cohérence, vérification visuelle). On s’appuie aussi sur les skills de design. Puis on bâtit le design system de TaskFlow.

Le problème qu’on résout

C’est la douleur la plus visible et la plus frustrante : chaque écran a un petit air différent, un Button de trop, des marges au jugé. Ce n’est pas une fatalité de l’IA — c’est le symptôme d’un système de design absent ou non imposé. Un agent bien outillé produit une UI cohérente par défaut, parce que la cohérence est rendue plus facile que l’incohérence.

Ce que vous saurez faire à la fin de cette partie

• Centraliser le design en tokens et forcer l’agent à les utiliser.
• Construire des primitives et imposer leur réutilisation (anti-réinvention).
• Appliquer les techniques anti-dérive au fil du projet.
• Mobiliser les skills de design (artifact-design, prototype, dataviz…) à bon escient.
• Doter TaskFlow d’un design system minimal mais robuste.

Les chapitres

On commence : Tokens : la source de vérité.