design-farmer - Une compétence pour agents de codage IA qui lit une base de code et la transforme en système de design

Analyse un dépôt, extrait les patterns de design existants, puis les fait évoluer en un système de design basé sur OKLCH avec tokens, composants, tests et documentation.

Pourquoi est-ce nécessaire ?

Quand on travaille avec des agents IA et du vibe coding, la cohérence du design est la première chose à se dégrader. Les couleurs partent dans tous les sens, les espacements deviennent irréguliers et le mode sombre passe au second plan. Si l’on donne à l’agent des contraintes de design claires, l’UI produite est bien plus cohérente, mais construire cela soi-même demande souvent plus d’efforts que le problème initial.

Design Farmer automatise entièrement ce processus. Il lit la base de code, identifie ce qui existe déjà, puis construit ou améliore par-dessus un système de design de niveau production. Plus besoin de créer manuellement des fichiers de tokens ni de copier-coller une palette de couleurs.

Fonctionnalités principales

• Organisation de design tokens basés sur OKLCH
• Mise en place d’une hiérarchie de tokens primitive / semantic
• Construction de composants de base pensés pour l’accessibilité
• Extension du thème sombre
• Génération de DESIGN.md
• Vérification des dérives de style et des mauvais usages des tokens

L’objectif est de créer un workflow de design reproductible que l’agent pourra continuer à consulter dans les travaux suivants.

Si vous ajoutez au projet le fichier DESIGN.md fourni par awesome-design-md, il comprend le système souhaité par l’utilisateur et démarre sur cette base.