Le moteur anti-slop — Comment Open Design conçoit comme un senior, et non en improvisant

La plupart des outils de design par IA recrachent un fouillis générique, étrangement parsemé de dégradés violacés. Ce guide explique la machinerie qui fait qu'Open Design ne procède pas ainsi — le système qualité multicouche qui force l'agent à se comporter comme un designer senior plutôt qu'à improviser. Il suit l'explication que donne AI Teaches Better dans sa démonstration, réécrite et mise à jour selon la version actuelle. Regardez la vidéo ci-dessus, ou poursuivez avec la version écrite.

La bibliothèque de plugins : installez des skills directement depuis le registre — y compris des skills de design anti-slop.

Qu'est-ce qu'Open Design ?

Open Design est un framework Apache-2.0, local-first — la réponse open source aux outils de design fermés, exclusivement cloud, verrouillés sur un seul modèle. La distinction clé : il n'embarque pas son propre agent d'IA. C'est un orchestrateur magistral qui délègue le travail de design aux CLI d'agents de codage que vous possédez déjà. Lancez-le et son daemon local scanne votre machine, détectant automatiquement les CLI — Claude Code, Codex, Cursor, Gemini, Copilot, et d'autres — et transforme celui qu'il trouve en moteurs de design candidats, raccordés via stdio. Aucun verrouillage propriétaire ; changez de moteur en un clic. Aucune CLI installée ? Il existe un repli par proxy compatible OpenAI — saisissez n'importe quelle base URL et clé.

Skills × design systems = un résultat intentionnel

Deux bibliothèques abattent le gros du travail :

• Des skills composables — des dossiers qui indiquent à l'agent l'ADN structurel d'un artefact : une landing page SaaS, un tableau de bord de données, une spécification PM, une application mobile multi-écrans. Choisissez un skill et il sait déjà comment cette chose doit être construite.
• Des design systems de qualité marque — des règles de design déterministes tirées des plus grandes marques (Linear, Stripe, Vercel, Apple, Notion). Structure × style se multiplient en un immense espace de combinaisons de capacités et d'apparences, tournant toutes nativement sur votre machine.

Aucune marque précise en tête ? Il se rabat sur des directions visuelles soigneusement sélectionnées (Editorial Monocle, Modern Minimal, Tech Utility, Brutalist, Soft Warm), verrouillant des palettes OKLCH déterministes et des piles de polices — privant l'IA de la possibilité d'improviser l'ambiance.

Le hub de plugins : parcourez le registre, importez des plugins et préparez-les pour votre équipe.

Le moteur anti-slop (les six couches)

C'est le cœur du sujet. Avant même que vous ne voyiez un artefact, Open Design exécute une défense à six couches qu'AI Teaches Better expose clairement :

1. Formulaire de découverte — avant d'écrire le moindre pixel, il interroge sur le ton, le public et la marque pour verrouiller la direction.
2. Extraction de marque — si vous lui donnez une URL, il extrait systématiquement la spécification de marque.
3. Autocritique silencieuse — il mène une critique à cinq dimensions sur son propre travail avant de le révéler.
4. Checklist P0–P2 — le résultat doit passer une checklist de priorités rigoureuse.
5. Liste noire codée en dur — les dégradés génériques et ces étranges cartes arrondies à bordure gauche sont littéralement interdits.
6. Espaces réservés honnêtes — des blocs gris au lieu de fausses métriques inventées du type « 10x plus rapide ».

La formule qui résume tout : « Ce n'est pas une IA qui essaie de concevoir quelque chose — c'est une IA entraînée à se comporter comme un designer senior. » La pile de prompts associée à une intégration profonde au système de fichiers, voilà ce qui élève le résultat et empêche le slop au goût d'IA dont tout le monde est lassé.

Mode slide-deck : choisissez une catégorie de présentation et forkez un exemple comme point de départ.

Plus que de l'UI : un studio créatif local

La même surface de chat pilote des médias riches — génération d'images (GPT Image), courts text-to-video cinématographiques, motion graphics via hyperframes, et même de l'audio — avec des modèles de prompts médias prêts à reproduire, pour que vous n'affrontiez jamais une toile blanche.

Pour commencer (trois étapes)

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Le daemon local démarre, détecte automatiquement vos agents CLI et met en place son store SQLite tout seul — zéro configuration complexe. Ouvrez l'URL locale qu'il affiche (un port dynamique — ne le codez pas en dur), ou récupérez l'application de bureau sur open-design.ai/download. Grâce à ce store local, fermez votre ordinateur portable et vos onglets ainsi que les fichiers générés seront exactement là où vous les avez laissés. Vous pouvez même glisser un ZIP d'export Claude Design et continuer à l'éditer localement, utiliser des aperçus HTML cliquer-pour-commenter pour des retouches chirurgicales ou des déploiements Vercel en un clic.

Astuce : vous atteignez les limites de débit de l'API en itérant ? Comme Open Design utilise des variables d'environnement standard, vous pouvez pointer la base URL vers un proxy compatible OpenAI et continuer.

Astuces

• Traitez le formulaire de découverte comme l'étape zéro — c'est la première couche du moteur anti-slop.
• Partez d'un vrai design system (ou d'une direction sélectionnée) pour que l'agent n'improvise jamais l'apparence.
• Laissez l'autocritique et la checklist s'exécuter — c'est ce qui attrape le slop avant que vous ne le voyiez.
• Changez de moteur selon la tâche — un modèle puissant pour l'apparence, un autre pour la fonctionnalité ; un clic.
• Utilisez une base URL de proxy si vous atteignez les limites de débit.

FAQ

Qu'est-ce qui empêche réellement le résultat d'avoir l'air généré par une IA ? Un moteur à six couches : formulaire de découverte, extraction de marque, autocritique à cinq dimensions, checklist P0–P2, une liste noire codée en dur de motifs de slop, et des espaces réservés honnêtes au lieu de fausses métriques.

Open Design inclut-il son propre modèle ? Non — il orchestre les CLI d'agents de codage déjà présentes sur votre machine (ou un proxy compatible OpenAI). Vous apportez le moteur ; il apporte la discipline du design.

Puis-je personnaliser les skills et les design systems ? Oui — les deux sont des fichiers. Ajoutez votre propre dossier de skill ou votre design system, et il est pris en compte.

Est-ce gratuit ? L'application est open source sous Apache-2.0 et gratuite à exécuter en local. Vous ne payez que pour l'usage du modèle et des médias de l'agent et des fournisseurs que vous connectez.

---

Ce guide écrit s'appuie sur l'explication d'AI Teaches Better. Regardez la vidéo complète ci-dessus, et abonnez-vous à AI Teaches Better pour d'autres décryptages d'architecture d'IA.