Les 5 skills qui donnent du goût à ton IA quand elle code une interface

C'est la skill maintenue par Anthropic dans son dépôt public de skills. Elle apprend à Claude à quoi ressemble un vrai front end et comment il doit se comporter : hiérarchie visuelle, densité, états d'un composant, comportement au survol et au focus, responsive qui tient sur autre chose qu'un écran de développeur.

Commence par celle-là. C'est la couche de fond, celle qui fait passer une page de « ça compile » à « ça se tient ». Les quatre autres viennent affiner par dessus.

Celle-ci répond à une question précise : quel style choisir. Elle embarque une base de données de design consultable par l'agent, avec 84 styles d'interface et 161 règles de raisonnement pour décider lequel s'applique à ton cas.

Concrètement, tu arrêtes de décrire ton style en trois adjectifs vagues. Tu décris ton produit et ton audience, l'agent va chercher un style cohérent avec sa palette et sa typographie, et il s'y tient sur toutes les pages. C'est la skill qui règle le problème de la cohérence entre écrans, celui qui se voit quand la page tarifs ne ressemble pas à la page d'accueil.

Taste se présente comme un cadre anti slop pour les agents. Sa particularité est le réglage : au lieu d'un style figé, tu ajustes des paramètres et des variantes, comme un égaliseur. Plus sobre, plus dense, plus affirmé.

C'est la skill à prendre quand tu produis pour plusieurs marques ou plusieurs clients. Tu gardes une même méthode et tu déplaces les curseurs, plutôt que de réexpliquer ta direction artistique à chaque nouveau projet.

Impeccable est la plus outillée des cinq : une skill, 23 commandes et 59 règles de détection déterministes qui tournent sans appel au modèle. Son idée centrale est un vocabulaire commun avec ton agent. Au lieu d'écrire un paragraphe pour expliquer ce que tu veux, tu tapes un mot : polish, audit, critique, distill, animate, bolder, quieter.

Elle démarre par une phase de contexte. /impeccable init te demande si la surface est une surface de marque (landing, site vitrine, portfolio) ou une surface produit (application, tableau de bord, outil), puis écrit un fichier PRODUCT.md et te propose un DESIGN.md. Toutes les commandes suivantes lisent ces fichiers, donc l'agent connaît ton audience, ta voix et tes couleurs sans que tu les répètes.

Les quatre premières traitent ce qui est immobile. Celle-ci traite ce qui bouge : animations, transitions de page, micro interactions. C'est la couche qui s'ajoute en dernier, et celle qui se sent immédiatement à l'usage.

L'auteur a construit des interfaces chez Vercel et Linear, et la skill encode ce type d'arbitrage : une animation d'entrée qui prend un ease-out et pas un ease-in, une ombre semi transparente plutôt qu'une bordure pleine. Pris isolément, chaque détail semble négligeable. Empilés sur une interface entière, ce sont eux qui font la différence entre « correct » et « ça a l'air cher ».