Impeccable : une langue de design commune entre vous et l'agent
Les modèles ont appris sur les mêmes gabarits SaaS, d'où le retour constant d'Inter, des dégradés violet-bleu et des cartes dans des cartes. Impeccable est né du skill frontend-design d'Anthropic : il consigne d'abord les faits du produit dans PRODUCT.md, puis donne à l'agent 24 commandes et un détecteur qui repère les tics courants sans appeler de modèle.
Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, OpenCode, Grok Build, Trae, Google Antigravity
Ce qu’il fait
Un seul point d'entrée, /impeccable, et 24 commandes dont craft, shape, critique, audit, polish, bolder, quieter, distill, harden et typeset
/impeccable init examine le projet, ne pose de questions que sur les manques et écrit PRODUCT.md : public, objectif, contraintes, ton
62 règles de détection déterministes ; la CLI et l'extension de navigateur les appliquent sans LLM ni clé d'API
Le mode live essaie des variantes d'un élément dans le navigateur, et /impeccable document tire DESIGN.md du code existant
Une commande fréquente se fixe : /impeccable pin audit crée un /audit autonome
Quand s’en servir
L'interface fonctionne mais reste fade, et vous cherchez quoi changer en typographie, couleur et mise en page
Vous voulez contrôler accessibilité, performance et responsive en une passe avant la mise en ligne
Un formulaire de paiement casse sur les textes longs, les erreurs ou les traductions : c'est le rôle de harden
Demandez à l’agent
/impeccable critique landing : analyse la hiérarchie et la clarté de la page d'accueil
/impeccable harden checkout et gère les erreurs et les chaînes longues du formulaire de paiement
/impeccable quieter sur ce tableau de bord, il crie trop
Questions
Comment installer Impeccable ?
À la racine du projet, lancez npx impeccable install : il repère les dossiers de vos agents et demande une installation globale ou locale. Lancez ensuite /impeccable init.
Impeccable fonctionne-t-il dans Cursor et Codex ?
Oui. Le README cite Cursor, Claude Code, Gemini CLI, Codex CLI, GitHub Copilot, OpenCode, Trae, Grok Build et d'autres, avec des étapes propres à Codex et Cursor.
Quelle différence entre Impeccable et frontend-design ?
Il part de frontend-design d'Anthropic et ajoute la mise en place via PRODUCT.md, 24 commandes et un détecteur de 62 règles qui se passe de modèle.
