Aller au contenu

Testée sur une vraie tâcheCommunauté, vérifiéeDesign et front-end

Impeccable

Une critique notée et étayée de preuves de votre page, puis une refonte avec un look bien à elle.

Voir ce qu'elle a produit

Installez Impeccable gratuitement

Laissez votre email et les étapes d'installation s'ouvrent ici même : un prompt à coller dans votre outil d'IA. Valable pour les 149 skills.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Notre note
7/10
Fonctionne dans
Claude, ChatGPT+7 autres

Claude Code, Claude app, Codex, ChatGPT, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf et plus de 60 autres outils d'IA qui lisent les skills.

Faut-il coder ?
Non
Temps jusqu'au résultat
55 min
Créé par
Paul Bakaus
Testée le
19 oct. 2026
Sans la skillAvec la skillAvec la skill
Les deux ont corrigé les faits et ajouté la photo du mug ; Claude seul a opté pour une boutique chaleureuse crème, serif et terre cuite, tandis qu'Impeccable a choisi la pierre froide, une typographie grotesque épaisse, de grands carreaux d'émail et une jauge de livraison gratuite sous un bouton d'achat sombre.

La réponse courte

Impeccable est une skill de design pour Claude Code qui critique et améliore des interfaces comme des pages produits, landing pages, tableaux de bord et écrans d'application, avec des commandes comme critique, polish, bolder et harden. Elle convient à toute personne dont la page fait générique et qui veut une liste classée et mesurée de problèmes plus une version corrigée. Notre verdict est de 7/10 : avec le même prompt, Claude seul a aussi fait une page propre et honnête en deux fois moins de temps, mais Impeccable a ajouté une critique notée avec des preuves concrètes et un design plus audacieux fait pour l'atelier.

Idéal pour : Les propriétaires d'une page existante qui fait générique et qui veulent une liste classée et mesurée de ce qui ne va pas, plus une refonte avec sa propre identité.

Envie de ce résultat dans votre propre travail ?

Inscrivez-vous gratuitement et installez Impeccable en une minute environ. Un seul email ouvre les étapes d'installation de toutes les skills du site.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Quand l'utiliser

Critiquer et refaire une page produit

Votre page produit ressemble à tous les modèles. Lors de notre test, une gérante d'atelier de poterie a obtenu un rapport notant l'ancienne page 11 sur 36, puis une page reconstruite avec de grands nuanciers d'émaux, un bouton panier fonctionnel et une jauge montrant à quel point la commande est proche de la livraison gratuite.

Finition avant le lancement

Une page ou un écran d'application fonctionne mais paraît brut. La commande polish fait un dernier passage qualité qui garde votre look actuel et corrige espacements, alignements, cohérence et états manquants comme le chargement, le vide et l'erreur.

Formaliser votre design system

Vous voulez que les futures pages, faites par vous ou par une IA, correspondent à votre site. Elle rédige un fichier DESIGN.md avec vos couleurs, polices, espacements et composants ; notre test en a produit un automatiquement à la fin de la refonte.

Comment obtenir un excellent résultat

  1. Installez-la et laissez-la se configurer

    Installez-la (étapes ci-dessous). Au premier lancement, elle télécharge un petit moteur d'aide pour son analyse de design automatique ; si cela échoue, Claude le dit et lit directement vos fichiers, ce qui s'est passé lors de notre test et a quand même donné une critique complète.

  2. Demandez une critique, puis une correction

    Indiquez-lui le fichier de votre page et demandez-lui de critiquer le design puis de le corriger. Tapez /impeccable seul si vous voulez plutôt qu'elle suggère deux ou trois étapes suivantes.

  3. Lisez le rapport noté

    Vous obtenez un score d'ergonomie sur 40 (ou moins quand certaines règles ne s'appliquent pas), un verdict sur la possibilité que le design appartienne à n'importe quelle boutique, et trois à cinq problèmes classés de P0 (le plus urgent) à P2 ou P3, chacun avec la commande qui le corrige.

  4. Répondez à ses questions

    Elle termine toujours la critique en demandant quoi corriger d'abord, quelle ampleur donner au travail et quelle direction prendre. Dites ce qui doit rester, comme la couleur de votre marque, et donnez vos vrais faits ; lors de notre test, elle s'en est tenue aux faits fournis et a marqué chaque inconnue en champ à compléter.

  5. Vérifiez la refonte et ses notes

    Pour une refonte, elle rédige un court brief, construit la page, la vérifie en taille ordinateur et téléphone et relit son propre travail avant de terminer. Ouvrez la page sur votre téléphone, complétez les champs, et gardez le DESIGN.md qu'elle laisse pour les futures pages.

Voici le prompt exact avec lequel nous avons commencé notre test :

Le prompt utilisé
Voici ma page produit actuelle : input/product.html. Critique son design puis corrige-la, pour qu'elle ait l'air professionnelle et vende mieux. Enregistre la page améliorée en out/product.html (garde un seul fichier HTML).

Tout ce qu'elle a produit

Chaque élément ci-dessous est un vrai résultat de notre test, ouvert comme vous l'ouvririez.

Avec la skill
Avec la skill, sur téléphone
Avec Impeccable, la page se découpe en sections à blocs de couleur (un bandeau d'avis marine, un bloc atelier Ash Green, un bloc vente en gros marine avec le calcul de commande détaillé) et chaque autre best-seller a son propre bouton Add to cart.
La page de départ commune
La page produit que les deux versions devaient critiquer et corriger. (mobile)
La page produit que les deux versions devaient critiquer et corriger.
Sans la skill
Sans la skill, sur téléphone
La page de Claude seul est une boutique propre et classique avec une barre d'offre en haut, de petites pastilles d'émail, des accordéons pour les détails et une mise en page crème apaisante qui vend bien mais ressemble à beaucoup de boutiques artisanales.

Le déroulé de la session

La conversation de notre test, raccourcie. Environ 55 minutes entre le premier prompt et le résultat final.

  1. Vous: Utilise la skill impeccable pour ça. Voici ma page produit actuelle : input/product.html. Critique son design puis corrige-la, pour qu'elle ait l'air professionnelle et vende mieux. Enregistre la page améliorée en out/product.html (garde un seul fichier HTML). (Plus la fiche d'informations de l'atelier et 8 photos d'illustration.)
  2. AI: Le chargement du contexte n'a pas fonctionné ; je vais lire directement le contexte existant du projet.
  3. AI: Critique enregistrée dans out/critique.md. Score 11/36 (31%), Poor. Verdict : interchangeable d'une catégorie à l'autre, remplacez « mug » par « bougie » et rien ne change. P0 : la page porte les informations d'une autre boutique (Yafo Mug, ₪120, un atelier à Jaffa, un libellé littéral « (reviews) », une affirmation « Eco Friendly » non étayée) et n'a pas de photo produit. P1 : Add to Cart est un lien mort, la quantité accepte 0 et les nombres négatifs, aucune info de livraison ; pas de...
  4. AI: La skill vous demande ici de choisir les priorités. Vous ne pouvez pas répondre dans cette session, j'ai donc pris les options recommandées : corriger tous les problèmes, les faits d'abord, et un nouveau look propre à Clay & Co plutôt que de peaufiner le modèle.
  5. AI: Terminé. Direction : fond pierre de four froide, Midnight pour le texte et le bouton d'achat, une section atelier en Ash Green, des émaux présentés en carreaux unis, Bricolage Grotesque avec Hanken Grotesk, coins de 3px, ni dégradés ni emoji. Quand vous choisissez un émail, son carreau se soulève ; une jauge de commande en direct montre à quelle distance vous êtes de la livraison gratuite (au-delà de $75) et des 10% de remise (4 pièces ou plus) ; Add to cart affiche le total en direct et fonctionne....
  6. AI: Laissés en [placeholders] visibles : photos des émaux, état du stock, dimensions, entretien, retours, lien Etsy, dates des ateliers, photos de l'atelier, paiement. Je n'ai pas pu lancer le moteur impeccable (détecteur, surcouche) ni générer d'images. Durée : environ 55 minutes.

Ce qui a marché et ce qui a coincé

Ce qui a marché

  • La critique est un vrai livrable que Claude seul n'a pas produit : un rapport noté (11/36, Poor) avec des preuves mesurées comme 15 éléments de texte sur 32 sous le seuil de contraste, 72 pixels de défilement horizontal sur téléphone, 7 zones tactiles sous 44 pixels et 6 liens morts, plus ce sur quoi trois types d'acheteurs buteraient
  • Elle a refusé le look « fond crème, titre serif, bouton terre cuite » vers lequel Claude seul est allé directement, et a construit un look bien à elle : fond pierre froide, texte et boutons bleu nuit Midnight, blocs de couleur Ash Green et marine, titres en grotesque épaisse
  • Les émaux sont devenus de grands carreaux de nuancier parmi lesquels choisir, et une jauge en direct sous le bouton montre à quelle distance la commande est de la livraison gratuite et de la remise de 10% sur plusieurs pièces ; les autres best-sellers ont leurs propres boutons Add to cart
  • Elle s'en est tenue strictement aux informations de l'atelier, a marqué chaque inconnue en champ à compléter visible et a laissé un DESIGN.md pour que les pages suivantes soient cohérentes

Ce qui a coincé

  • Son moteur d'aide (détecteur automatique, surcouche visuelle, historique des critiques enregistré) n'était pas installé, ces parties n'ont donc pas tourné ; la critique était tout de même complète grâce aux deux revues
  • Elle a pris environ 55 minutes, plus du double des 25 minutes nécessaires à Claude seul pour une page qui vend tout aussi clairement ; Claude seul a aussi rédigé une critique solide, simplement plus courte et sans score
  • Le look plus audacieux est une question de goût : la page de boutique chaleureuse et classique de Claude seul est tout aussi professionnelle, donc l'apport principal de la skill est la singularité et la rigueur, pas une page qui fonctionne mieux

Envie de ce résultat dans votre propre travail ?

Inscrivez-vous gratuitement et installez Impeccable en une minute environ. Un seul email ouvre les étapes d'installation de toutes les skills du site.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Des prompts qui marchent

Remplacez les parties entre crochets par vos propres informations. Inutile de nommer la skill : demandez la tâche et votre outil d'IA l'utilise tout seul.

Critiquer et corriger une page
Utilise la skill impeccable. Voici ma page produit actuelle : [nom du fichier]. Critique son design puis corrige-la, pour qu'elle ait l'air professionnelle et vende mieux. Utilise uniquement ces informations : [prix, livraison, avis, contact]. Mets un [placeholder] clair pour tout ce que tu ne sais pas.
Peaufiner avant le lancement
/impeccable polish ma page [de paiement / d'inscription / produit] avant le lancement. Garde le look, les couleurs et le texte actuels, et assure-toi qu'elle fonctionne bien sur téléphone.
Rendre une page fade plus audacieuse
/impeccable bolder : ma [landing page] paraît sage et oubliable. Donne-lui plus de caractère, mais garde mon logo, mon texte et la couleur de ma marque [code couleur].
Formaliser mon design system
/impeccable document : formalise le design system de ce site dans un fichier DESIGN.md, pour que les nouvelles pages que tu construiras plus tard correspondent.

Ce qu'il vous faut : Claude Code demande Pro ou plus. Les skills de l'application Claude fonctionnent avec toutes les offres Claude, Free comprise, avec l'exécution de code et la création de fichiers activées, mais l'usage de cette skill dans l'application Claude n'est pas documenté, Internet au premier lancement, pour télécharger son moteur d'aide (notre test a tourné sans lui, avec la solution de repli), Les sous-agents de Claude Code pour la critique en deux parties.

Comment l'installer

Les skills suivent le standard ouvert Agent Skills, celle-ci n'est donc pas liée à une seule entreprise. Choisissez l'outil d'IA que vous utilisez. Vous hésitez ? Le premier onglet couvre la plupart d'entre eux en une étape.

Le plus simple : collez ceci dans votre outil d'IA
Installe cette skill pour qu'elle fonctionne dans tous mes projets : exécute `npx skills add https://github.com/pbakaus/impeccable/tree/main/.claude/skills/impeccable -g -y` dans mon terminal. S'il manque Node.js, explique-moi d'abord comment l'installer. Une fois terminé, confirme que la skill est installée et dis-moi comment commencer à l'utiliser.

Ou faites-le vous-même :

Une seule commande installe la skill dans les outils d'IA de votre ordinateur. Elle détecte ceux que vous avez et vous demande où l'ajouter : Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode et plus de 60 autres.

npx skills add https://github.com/pbakaus/impeccable/tree/main/.claude/skills/impeccable -g

Node.js doit être installé (gratuit, sur nodejs.org). L'option -g rend la skill disponible dans tous vos projets.

Bon à savoir : Après avoir ajouté la marketplace, vous pouvez aussi choisir Impeccable dans la liste /plugin.

Débloquez les étapes d'installation

Gratuit. Laissez votre email une seule fois pour ouvrir les étapes d'installation des 149 skills, et recevez chaque mois les meilleures nouvelles skills.

Pas de spam. Désinscription en un clic. Nous utilisons votre e-mail pour vous envoyer la formation et des conseils IA.

Comment nous l'avons vérifié

Nous avons vérifié la skill à sa source d'origine le 18 octobre 2026 : le SKILL.md est au bon endroit, les fichiers ont été mis à jour au cours de l'année et la licence (Apache-2.0) autorise son usage. Puis, le 19 octobre 2026, nous l'avons installée, utilisée sur la tâche ci-dessus sans la modifier, et noté ce qui s'est passé, y compris ce qui n'a pas marché.

Questions fréquentes

Est-elle meilleure qu'une simple demande à Claude ?

Lors de notre test, en partie. Claude seul, avec le même prompt, a aussi corrigé les faits erronés, utilisé les photos et fait une page propre et convaincante en environ 25 minutes, avec une courte critique dans ses notes. Impeccable a pris environ 55 minutes mais a ajouté une critique notée avec des preuves mesurées (11/36, 15 échecs de contraste, 72 pixels de défilement horizontal sur téléphone) et refusé le look boutique artisanale habituel crème, serif et terre cuite pour un design plus audacieux bien à elle.

Qu'a réellement trouvé la critique ?

Elle a noté la page d'origine 11 sur 36, jugée Poor, et l'a qualifiée de modèle qui pourrait vendre des bougies aussi facilement que des mugs. Les problèmes principaux étaient des faits erronés venant d'une autre boutique et l'absence de photo produit, puis un lien Add to Cart mort, un champ de quantité qui acceptait les nombres négatifs, aucune info de livraison et une mise en page téléphone cassée, puis un look générique avec 15 éléments de texte sur 32 sous le seuil de contraste.

Faut-il coder pour utiliser Impeccable ?

Non. Vous demandez avec des mots simples ou tapez des commandes comme /impeccable critique, et Claude écrit le code. Il faut en revanche que le fichier de votre page soit dans le dossier où travaille Claude pour qu'il puisse le modifier.

Quelle offre faut-il, et fonctionne-t-elle dans l'application Claude ?

Elle est conçue pour Claude Code, qui demande Pro ou plus, et fonctionne mieux avec les sous-agents et un accès internet au premier lancement pour son moteur d'aide. Les skills de l'application Claude en général fonctionnent avec toutes les offres Claude, Free comprise, avec l'exécution de code et la création de fichiers activées, mais l'usage de cette skill dans l'application Claude n'est pas documenté.

Que signifie le score d'Impeccable ?

Il note dix règles d'ergonomie classiques (les heuristiques de Nielsen) de 0 à 4 chacune, donc le maximum est 40, moins quand une règle ne s'applique pas à la page. La skill indique que la plupart des interfaces réelles obtiennent entre 20 et 32 sur 40 ; notre page de test a obtenu 11 sur 36.

D'autres skills à découvrir