Impeccable est une compétence de design gratuite et open source qui ajoute 24 commandes de design, un contexte de projet enregistré et un détecteur à base de règles des motifs d’interface courants générés par IA aux agents de codage comme Claude Code, Codex, Cursor et GitHub Copilot.
Vous avez utilisé cet outil ? Notez-le
Vous avez utilisé cet outil ? Notez-le
Impeccable est une compétence de design open source pour agents de codage IA. Elle s’installe dans des outils de codage comme Claude Code, Codex, Cursor et GitHub Copilot et fournit à l’agent des conseils de design, un vocabulaire de commandes de design nommées et un vérificateur automatique des motifs d’interface que les frontends générés par IA tendent à répéter.
La compétence de design Impeccable est présentée comme donnant à un agent l’expertise en design pour créer des interfaces de zéro, améliorer les existantes et rester fidèle à un design system existant. Son dépôt résume le paquet en une compétence, 24 commandes, l’itération en direct dans le navigateur et 61 règles de détection déterministes pour le design frontend généré par IA.
Le site présente Paul Bakaus comme créateur ; les nouvelles installations téléchargent un moteur signé par Renaissance Geek, Inc., aussi indiquée comme développeur de l’extension Chrome Impeccable. Selon le README du projet, frontend-design d’Anthropic a été la première compétence de design largement utilisée pour Claude, et Impeccable en est parti.
« Impeccable » est aussi un mot courant, employé par des entreprises sans lien avec ce projet ; cette page traite de la compétence publiée depuis le dépôt pbakaus/impeccable.
Selon un relevé du 5 octobre 2026, ce dépôt affichait 76,3 k étoiles sous licence Apache-2.0. Le même jour, la fiche de l’extension dans la boutique indiquait 60 000 utilisateurs.
Tout passe par une compétence principale, /impeccable, suivie d’une commande ou d’une demande en langage courant ; audit, polish, critique et les autres commandes ne demandent aucune installation séparée.
La référence des commandes les répartit en six familles : Créer (2), Évaluer (2), Affiner (8), Simplifier (3), Renforcer (4) et Système (5).
Une commande fréquente peut être épinglée en raccourci, par exemple /impeccable pin critique ; il transmet les demandes à la compétence principale, dont les améliorations continuent ainsi de s’appliquer.
Impeccable vous interroge une fois sur vos utilisateurs et leurs objectifs, enregistre ce contexte dans PRODUCT.md et le relit avant tout travail de design ultérieur. La commande document lit l’interface et consigne couleurs, typographie et règles des composants dans DESIGN.md, pour que la page suivante ou l’agent suivant suive les mêmes décisions. Une mise à jour d’Impeccable remplace ses propres fichiers installés sans toucher aux PRODUCT.md et DESIGN.md du projet.
Le détecteur de design bâclé par l’IA est la partie qui fonctionne sans modèle de langage. Son catalogue répertorie 61 règles de détection, plus 6 motifs réservés à la revue de design. Les vérifications cherchent des problèmes comme un contraste insuffisant, du texte qui déborde, des motifs de design typiques de l’IA et des écarts avec un design system documenté.
Les hooks de design exécutent le détecteur pendant que l’agent travaille sur des fichiers d’interface, et les constats arrivent tant que la modification est encore dans le contexte. Claude Code et Codex reçoivent un retour ciblé après chaque modification, plus une vérification plus large quand l’agent termine son tour ; GitHub Copilot lance le détecteur complet après les modifications prises en charge ; dans Cursor, un constat peut bloquer une écriture proposée jusqu’à ce que l’agent la révise.
Le mode en direct, signalé bêta, permet de sélectionner une partie d’une page en cours d’exécution et de comparer trois variantes sur place, ou d’utiliser la fonction « Orienter » pour diriger toute la page ; la version acceptée rejoint votre code source. La commande generate lance une comparaison similaire depuis le chat si vous savez déjà nommer l’élément et la direction, par exemple generate 3 variantes audacieuses des cartes de tarifs.
Pour un nouveau travail, Impeccable s’appuie sur des directions de design vérifiées par des humains, chacune avec ses propres règles visuelles, et les met en balance avec des idées tirées de votre produit. Avec la génération d’images, il peut commencer par une maquette (comp-led) ; sans elle, il construit directement dans le code (code-led), ce qui tend à paraître plus cohérent mais généralement moins ambitieux.
Pour commencer, il faut un outil de codage, un dossier de projet et Node.js 22.18 ou plus récent ; un projet vide ou une application tout juste générée convient.
Les installations via l’installateur se mettent à jour avec npx impeccable update, et npx impeccable check cherche une version plus récente ; celles d’une marketplace passent par le gestionnaire d’extensions de l’outil de codage. Les équipes peuvent plutôt conserver une version enregistrée en sous-module Git relié à leurs outils de codage.
Il convient moins bien dans deux situations :
Les outils de codage pris en charge incluent notamment Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode et Pi.
| Méthode | Fonctionnement |
|---|---|
| Installateur Impeccable | npx impeccable install choisit la version adaptée à votre outil ; nécessite Node.js 22.18 ou plus récent |
| Plugin Claude Code | /plugin marketplace add pbakaus/impeccable, puis installez Impeccable depuis la liste /plugin |
| skills.sh | npx skills add pbakaus/impeccable installe la version partagée |
| Application GitHub Copilot | intégré ; à activer dans Paramètres → Expérimental |
| Téléchargement ZIP | copiez le contenu, dossiers cachés compris, à la racine du projet |
En tant que compétence de design pour Claude Code, Impeccable reçoit de son installateur plus que les fichiers de la compétence : sur Claude Code, Cursor, Codex, GitHub Copilot et Grok Build, l’installateur ajoute aussi au projet courant un manifeste de hooks natif de la plateforme.
Le mode en direct fonctionne avec des pages web d’un serveur de développement actif ou du HTML statique local ; les frameworks pris en charge incluent les applications basées sur Vite, Next.js, SvelteKit, Astro et Nuxt. En dehors de l’outil de codage, une extension Chrome ajoute aux DevTools un panneau Impeccable qui affiche les problèmes de design des pages que vous choisissez d’inspecter.
Les compétences publiques, les commandes, la CLI et le moteur de détection d’Impeccable sont gratuits et open source sous licence Apache 2.0 ; les coûts applicables viennent des outils qui l’entourent :
La politique de confidentialité décrit aussi une liste d’attente pour Impeccable Pro, qui conserve les e-mails d’inscription pour prévenir les inscrits quand Pro sera prêt. Aucune fonctionnalité ni aucun prix de Pro ne figuraient sur les pages consultées.
Deux autres compétences d’agent apparaissent aux côtés d’Impeccable dans des sélections indépendantes de compétences de design frontend.
| Option | Ce qu’elle propose | Licence |
|---|---|---|
| frontend-design d’Anthropic | Une compétence avec des conseils sur la direction esthétique, la typographie et comment éviter les réglages par défaut stéréotypés | conditions de son fichier LICENSE.txt |
| taste-skill | Des compétences portables pour la mise en page, la typographie, le mouvement et l’espacement, plus des compétences de génération d’images pour des planches de référence | MIT |
| Impeccable | Une compétence avec un vocabulaire de commandes, des fichiers de contexte du projet, des règles de détection, des hooks et un mode en direct | Apache 2.0 |
frontend-design d’Anthropic est la compétence de design frontend dont Impeccable est parti ; elle se présente comme un guide pour un design visuel distinctif et intentionnel lors de la création ou de la refonte d’une interface. Le README d’Impeccable présente ses ajouts comme un parcours d’installation unique, 24 commandes et 61 règles de détection déterministes que la CLI et l’extension de navigateur exécutent sans LLM ni clé API.
taste-skill est un ensemble de compétences d’agent portables sous licence MIT, qui visent une mise en page, une typographie, un mouvement et un espacement plus solides que ceux des interfaces à l’allure de gabarit ; son dépôt contient aussi des compétences de génération d’images pour des planches de référence web, mobile et de kit de marque.
Oui. Les compétences publiques, les commandes, la CLI et le moteur de détection sont gratuits sous licence Apache 2.0. Les frais d’utilisation de votre outil de codage, de votre fournisseur de modèle ou de la génération d’images sont facturés séparément par ces fournisseurs.
Non. Le détecteur et les hooks de design s’exécutent comme du code, sans modèle d’IA ni clé API ; seul le travail de design effectué par votre agent utilise son modèle.
Utilisez generate quand vous savez nommer l’élément et la direction souhaités, et le mode en direct quand vous voulez sélectionner vous-même des éléments, les annoter ou orienter toute la page pendant une session de navigateur.
En partie seulement. Le détecteur, les hooks et le mode en direct ciblent les interfaces web ; la documentation recommande donc la commande audit pour les revues natives.
