Impeccable : Comment Éliminer le 'AI Slop' de Vos Frontends Générés par IA (10 000+ Stars GitHub)

Si vous utilisez Claude Code, Cursor ou un autre outil de codage assisté par IA pour générer des interfaces web, vous avez probablement remarqué un schéma récurrent. Les résultats se ressemblent tous : la police Inter, un dégradé violet-bleu en fond, des cartes imbriquées dans des cartes, du texte gris sur fond coloré, un héros centré avec un gros chiffre lumineux. Ce phénomène porte désormais un nom dans la communauté des développeurs : le "AI slop".

Le problème ne vient pas de l'incapacité des modèles de langage. Claude, GPT ou Gemini connaissent parfaitement les principes du design professionnel. Ils savent ce que sont les neutres teintés en OKLCH, le rythme vertical typographique ou une grille de référence à 8 pixels. Mais ils ne les appliquent jamais spontanément, parce que personne ne leur demande. Le goulot d'étranglement se situe entre l'intention du développeur et l'exécution de l'IA : c'est un problème de vocabulaire.

C'est précisément le problème que résout Impeccable, un framework de design open source créé par Paul Bakaus qui vient de dépasser les 10 000 stars sur GitHub. Nous l'avons découvert cette semaine alors qu'il figurait dans les tendances GitHub avec plus de 6 000 nouvelles stars en quelques jours. Nos tests sont en cours, mais le concept et la rigueur technique méritent déjà une analyse approfondie.

Impeccable n'est ni une bibliothèque de composants, ni un système de design, ni un thème CSS. C'est une couche de vocabulaire qui se positionne entre votre intention et l'exécution de l'IA. Le projet se compose de trois piliers :

Un skill enrichi qui étend le skill frontend-design original d'Anthropic avec 7 fichiers de référence spécialisés couvrant la typographie, la couleur et le contraste (OKLCH), le design spatial, le design de mouvement, le design d'interaction, le responsive design et l'écriture UX.

20 commandes slash qui forment un véritable langage de design. Chaque commande cible un aspect précis de l'interface et peut être enchaînée dans un workflow structuré.

Une bibliothèque d'anti-patterns qui indique explicitement à l'IA ce qu'elle ne doit PAS faire, contrecarrant ainsi les biais de ses données d'entraînement.

Paul Bakaus n'est pas un inconnu dans l'écosystème web. Son parcours dessine un schéma récurrent : chaque fois qu'un changement technologique crée un fossé entre les outils disponibles et les besoins des développeurs, il construit le pont.

Il est le créateur de jQuery UI, la bibliothèque d'interface qui a alimenté environ 20 % de l'internet populaire. Il a ensuite développé le premier moteur de jeu fonctionnant entièrement dans un navigateur, un projet acquis par Zynga. Chez Google, il a dirigé le produit Chrome DevTools, lancé AMP et Web Stories, puis est devenu le premier Head of Creator Relations de l'entreprise. Plus récemment, en tant qu'EVP Produit chez Spotter, il a construit des outils créatifs propulsés par l'IA pour les créateurs YouTube.

Avec Impeccable, il applique la même logique : le codage assisté par IA a créé un nouveau fossé entre ce que les développeurs veulent et ce que l'IA produit. Impeccable est le pont.

La force d'Impeccable réside dans ses commandes slash, chacune encapsulant un concept que les designers utilisent quotidiennement mais que la plupart des développeurs ne connaissent pas. Voici le tableau complet :

La logique d'utilisation est fluide. Vous pouvez enchaîner les commandes dans un workflow naturel : commencer par /audit pour identifier les problèmes, passer à /arrange pour corriger le layout, puis /typeset pour la typographie, et terminer par /polish pour la passe finale. Chaque commande accepte un argument optionnel pour cibler une zone précise de l'interface, par exemple /audit header ou /polish checkout-form.

Parmi les 20 commandes, trois méritent une attention particulière car elles représentent les ajouts les plus récents et les plus distinctifs :

/typeset corrige les choix typographiques, la hiérarchie des tailles et le dimensionnement. Dans la version 1.5.1 publiée le 17 mars 2026, cette commande recommande désormais des échelles typographiques fixes pour les interfaces applicatives, réservant la typographie fluide aux pages marketing et de contenu.

/arrange s'attaque au layout, aux espacements et au rythme visuel. C'est la commande qui transforme un empilement de blocs en une composition cohérente.

/overdrive est la commande la plus ambitieuse : elle ajoute des effets techniquement extraordinaires comme des shaders, de la physique de ressorts ou des révélations pilotées par le scroll. Elle est encore en bêta, mais représente la direction vers laquelle le projet évolue.

C'est peut-être la partie la plus précieuse d'Impeccable. Les contraintes négatives brisent la trajectoire par défaut du modèle. Quand vous interdisez Inter, l'IA est forcée de faire un vrai choix typographique. Quand vous interdisez le noir pur, elle adopte des neutres teintés. Voici les principaux anti-patterns codifiés :

Typographie :

• Ne pas utiliser Inter, Roboto, Arial ou les polices système par défaut

• Ne pas utiliser la police monospace pour un "look développeur"

• Ne pas placer de grandes icônes arrondies au-dessus de chaque titre

Couleur :

• Ne pas utiliser de texte gris sur fond coloré (utiliser une nuance plus sombre du fond)

• Ne pas utiliser la "palette IA" : cyan sur sombre, dégradé violet-bleu, néon sur fond noir

• Ne pas utiliser le noir pur (#000) ni le blanc pur (#fff) ; toujours teinter les neutres

Layout :

• Ne pas tout envelopper dans des cartes

• Ne pas imbriquer des cartes dans des cartes

• Ne pas utiliser des grilles identiques (icône + titre + texte)

• Ne pas tout centrer ; privilégier le texte aligné à gauche avec des layouts asymétriques

Mouvement :

• Ne pas utiliser les easings bounce ou elastic (préférer la décélération fluide)

• Ne pas animer width, height ou padding ; utiliser transform et opacity

Le skill d'Impeccable repose sur 7 fichiers de référence qui constituent une base de connaissances complète en design :

Ces références ne se contentent pas de lister des bonnes pratiques. Elles contiennent des directives spécifiques sur des techniques modernes de CSS comme OKLCH pour les palettes de couleur perceptuellement uniformes, clamp() pour la typographie fluide, ou les container queries pour le responsive design.

L'installation d'Impeccable est remarquablement simple. La méthode universelle fonctionne avec tous les outils supportés :

npx skills add pbakaus/impeccable

Cette commande détecte automatiquement votre harness IA (Claude Code, Cursor, Gemini CLI, etc.) et installe les fichiers au bon emplacement.

Pour Claude Code spécifiquement, une installation via le marketplace de plugins est également disponible :

/plugin marketplace add pbakaus/impeccable

Puis ouvrir /plugin et installer depuis l'onglet Discover.

Impeccable supporte actuellement 9 outils de codage assisté par IA :

• Cursor (nécessite le canal Nightly et l'activation des Agent Skills dans Settings)

• Claude Code

• Gemini CLI (nécessite la version preview et l'activation des Skills via /settings)

• Codex CLI (syntaxe différente : /prompts:audit, /prompts:polish, etc.)

• VS Code Copilot

• Google Antigravity

• Kiro

• OpenCode

• Pi

Après l'installation, il est recommandé de lancer /teach-impeccable une seule fois. Cette commande collecte le contexte design de votre projet (audience cible, cas d'usage, personnalité de marque) et le sauvegarde dans un fichier .impeccable.md à la racine du projet. Toutes les commandes bénéficient ensuite automatiquement de ce contexte.

Des benchmarks tiers réalisés par Tessl ont évalué la qualité des interfaces produites avec et sans Impeccable sur trois scénarios : un tableau de bord de revenus, une landing page et un gestionnaire de tâches.

Les résultats sont éloquents :

• Score agrégé : 0,82 sur 1,00

• Amélioration par rapport à la baseline : +0,35 (multiplicateur de 1,59x)

• Utilisation de couleurs OKLCH : de 0 à 12/12 avec le skill actif

• Neutres teintés et typographie fluide : scores quasi nuls sans le skill, maximaux avec

L'enseignement principal est frappant : une amélioration de 59 % ne provient pas d'un modèle plus puissant, mais d'une simple injection de vocabulaire. La capacité était déjà là dans le modèle. Les prompts n'étaient tout simplement pas assez spécifiques pour la débloquer.

Le rythme de développement d'Impeccable est soutenu. Depuis son lancement initial le 28 février 2026, le projet a connu cinq mises à jour majeures en moins de trois semaines :

• v1.0.0 (28 février 2026) : lancement avec le skill frontend-design enrichi et 17 commandes

• v1.1.0 (4 mars 2026) : architecture unifiée, support VS Code Copilot et Google Antigravity, commande /simplify renommée /distill

• v1.2.0 (5 mars 2026) : support Kiro, toggle de préfixe pour éviter les conflits de noms

• v1.3.0 (12 mars 2026) : support OpenCode et Pi

• v1.5.0 (16 mars 2026) : trois nouvelles commandes (/typeset, /arrange, /overdrive), collecte automatique du contexte design via .impeccable.md

• v1.5.1 (17 mars 2026) : ajustement de /typeset pour les interfaces applicatives

Nous avons découvert Impeccable cette semaine en parcourant les tendances GitHub, où le projet a accumulé plus de 6 000 nouvelles stars en quelques jours seulement, pour atteindre un total dépassant les 10 000. Le projet compte actuellement 10 198 stars et 393 forks.

Nos tests sont en cours et nous publierons un retour complet ultérieurement. Ce que nous pouvons déjà noter : la structure du projet est solide, l'installation est fluide, et le fait que les commandes soient devenues des agent skills dans la v1.1 montre une direction technique claire. Le système de contexte via .impeccable.md est particulièrement bien pensé car il évite de répéter les spécificités du projet à chaque interaction.

Impeccable n'est pas exempt de limites, et il est important de les mentionner :

Le vocabulaire n'est pas le goût. Connaître le terme "neutres teintés" ne signifie pas savoir quand les utiliser. Le jugement visuel reste une compétence humaine.

La portée est mono-génération. Chaque génération est indépendante. La cohérence multi-pages d'une application complète nécessite encore vos propres contraintes de design.

Les opinions sont codifiées. "Pas d'easing bounce" est le goût de Paul Bakaus transformé en règle, pas une vérité universelle. En adoptant Impeccable, vous adoptez aussi ses opinions esthétiques.

Le coût en tokens est réel. Sept fichiers de référence représentent un surcoût significatif en contexte pour un correctif rapide. Vous payez pour du vocabulaire que vous n'utiliserez peut-être pas à chaque tâche.

Impeccable s'inscrit dans un mouvement plus large. Les skills pour outils de codage IA se multiplient rapidement. Anthropic a lancé le skill frontend-design original qui a atteint 277 000 installations. Obra Superpowers propose un framework de méthodologie de développement structuré. La marketplace LobeHub référence désormais des centaines de skills spécialisés.

La prédiction de Paul Bakaus, partagée par plusieurs analystes, est que des couches de vocabulaire similaires émergeront pour chaque domaine : architecture backend, design d'API, schémas de bases de données, posture de sécurité. Partout où une expertise spécialisée peut se comprimer en termes que les non-experts ne connaissent pas, une couche de vocabulaire comblera le fossé.

Pour l'instant, Impeccable est la première tentative sérieuse de combler ce fossé pour le design frontend. Les benchmarks suggèrent que l'approche fonctionne. Le rythme de développement indique un projet en pleine accélération. Et les 10 000 stars GitHub en moins de trois semaines confirment que le besoin est bien réel.