UI CRAFT : installer du goût design dans les agents de code

https://skills.smoothui.dev/ + https://github.com/educlopez/ui-craft

📌 UI CRAFT est un système de design engineering à installer comme skill pour les agents de code. L’idée est simple: remplacer les interfaces génériques par des écrans plus justes, plus lisibles et mieux composés, sans forcer à repartir de zéro à chaque génération.

L’outil vise un problème concret: les assistants de code produisent souvent des interfaces correctes sur le plan technique, mais pauvres sur le plan visuel. UI CRAFT apporte une couche de goût et de méthode avec des références de conception, des commandes dédiées, des garde-fous qualité et des agents de relecture qui orientent le rendu vers quelque chose de plus net.

Au quotidien, cela sert surtout quand il faut créer une landing page, un tableau de bord, un composant produit ou une interface interne qui doit avoir une vraie présence visuelle. Le système pousse vers des décisions de typographie, d’espacement, de hiérarchie et de densité d’information plus solides, ce qui évite les écrans plats, les cartes dégradées et les animations décoratives sans intention.

Le fonctionnement est pensé pour plusieurs environnements d’agent, avec une installation possible via brew, npx ou une commande dédiée selon l’hôte. UI CRAFT se présente comme un skill compatible avec Claude Code, Codex, Cursor, Gemini et OpenCode, ce qui le rend utile dans des workflows déjà en place plutôt que dans un écosystème fermé.

L’intérêt pratique n’est pas seulement esthétique. Quand un agent génère vite, il répète souvent des motifs de design standards; ici, l’objectif est d’amener des contraintes réutilisables, des contrôles qualité et une culture d’anti-slop pour limiter les sorties moyennes. En pratique, cela peut faire gagner du temps lors des itérations, parce que la base visuelle est meilleure dès la première passe.

points clés

• 🎯 Une cible claire: améliorer le goût visuel des interfaces produites par des agents de code.
• 🧩 Un système complet: références, commandes, quality gates MCP, agents de review et détection anti-slop.
• ⚙️ Plusieurs chemins d’installation: brew, npx ou commande dédiée selon l’outil utilisé.
• 🤖 Compatibilité large: Claude Code, Codex, Cursor, Gemini et OpenCode.
• 🖼️ Une logique produit concrète: mieux composer les écrans, la hiérarchie et la densité d’information.
• 🔍 Une promesse utile au quotidien: éviter les interfaces génériques qui ressemblent à des prototypes sans identité.

UI CRAFT parle aussi aux flux de travail où l’interface est générée puis relue rapidement. Les quality gates et les agents de review servent de filet de sécurité pour détecter ce qui ressemble trop à du rendu standard, ce qui est précieux quand plusieurs variantes de design doivent être comparées ou quand une base UI doit rester cohérente d’une itération à l’autre.

Le côté mémoire et confidentialité dépend du harness d’agent, mais l’approche locale est intéressante parce qu’elle ajoute surtout des règles, des références et des commandes au flux de travail plutôt qu’un service distant imposé. Pour un usage quotidien, cela limite la friction: on garde l’environnement habituel et on ajoute une couche de direction design.

Le démarrage est volontairement direct: installer le skill, lancer la commande prévue, puis utiliser les références et les checks intégrés pour guider la génération. Cette logique convient bien aux projets qui veulent industrialiser une meilleure qualité visuelle sans créer un second processus de design séparé.

Concrètement, UI CRAFT sert moins à “faire joli” qu’à imposer un standard visuel plus mature au moment où l’agent écrit le produit. C’est un outil intéressant si l’objectif est d’obtenir des interfaces plus crédibles, plus distinctives et moins interchangeables dès la première génération.