TL;DR actionnable
- Promesse : "The Anti-Slop Frontend Framework for AI Agents"
- Licence : MIT, gratuit (open source)
- Installation :
npx skills add Leonxlnx/taste-skill - Ce qui le distingue : plusieurs sous-skills ciblés par style, plutôt qu'un seul skill généraliste
- À garder en tête : 31.7k★ au 2026-06-02 (contre 16.6k★ un mois plus tôt), progression rapide
La promesse, citée mot pour mot
"The Anti-Slop Frontend Framework for AI Agents"
Source : tasteskill.dev (ouvre un nouvel onglet), vérifié 2026-06-02. La page GitHub le formule autrement : "gives your AI good taste. stops the AI from generating boring, generic slop".
Le pari de Taste Skill : il n'existe pas un seul "bon goût" mais des registres visuels distincts. Plutôt qu'un skill unique qui tente de tout faire, le projet livre une famille de sous-skills, chacun spécialisé dans une intention. Tu choisis le sous-skill qui correspond au registre voulu, et Claude applique les conventions de ce registre.
Ce que ça change en pratique
Sans Taste Skill, demander "une landing page" à Claude Code produit la landing par défaut des LLM : hero centré, gradient violet-rose, trois cartes de features alignées, le tout interchangeable d'un site à l'autre.
Avec le sous-skill minimalist-ui ciblé, le même prompt sort une page sobre, typographie expressive, espaces généreux, sans gradient ni effet superflu. Avec industrial-brutalist-ui, la même demande produit un registre brut, contrasté, assumé. Le choix du sous-skill devient le levier principal, à la place d'un long prompt qui décrit le style mot par mot.
Installation
npx skills add Leonxlnx/taste-skill
Pour cibler directement un sous-skill plutôt que toute la famille :
npx skills add Leonxlnx/taste-skill --skill "design-taste-frontend"
Le skill s'installe au niveau de ton profil utilisateur et fonctionne avec plusieurs harnais : au 2026-06-02, le site liste Codex, Claude Code, Cursor, OpenCode, Gemini CLI, AI Studio, v0 et Lovable.
La famille de sous-skills
Au 2026-06-02, le repo regroupe une dizaine de sous-skills. Ils évoluent vite (certains en bêta, des versions v1/v2 coexistent), donc considère cette liste comme un instantané, pas comme un contrat figé :
| Famille | Sous-skills (instantané 2026-06-02) | Usage |
|---|---|---|
| Cœur frontend | design-taste-frontend (v2 expérimental), design-taste-frontend-v1 | Le moteur anti-slop généraliste |
| Styles visuels | minimalist-ui, industrial-brutalist-ui, high-end-visual-design | Registres visuels distincts |
| Image vers code | image-to-code | Partir d'une capture ou d'une maquette |
| Audit / refonte | redesign-existing-projects | Reprendre un existant |
| Exécution | full-output-enforcement | Forcer des sorties complètes, sans troncature |
| Export / variantes | stitch-design-taste | Génération orientée Google Stitch |
| Génération d'images | imagegen-frontend-web, imagegen-frontend-mobile, brandkit | Références visuelles |
Workflow type avec Claude Code
Choisir le registre
Décider du style avant de coder : minimaliste, brutaliste, haut de gamme... Le registre détermine le sous-skill à invoquer.
Installer le bon sous-skill
npx skills add Leonxlnx/taste-skill --skill "minimalist-ui" par exemple, pour ne charger que ce dont tu as besoin.
Générer puis critiquer
Claude produit le composant dans le registre choisi. Demander ensuite une critique pour pousser le rendu plus loin dans la même direction.
Valider visuellement
Vérifier le rendu avec Playwright MCP : screenshot multi-viewport, contraste, alignement. Le sous-skill ne voit pas le navigateur, lui.
Cas d'échec à connaître
Cas 1 — Mauvais registre pour le besoin. Charger industrial-brutalist-ui pour une app bancaire grand public produit un rendu cohérent mais hors sujet. La famille de sous-skills suppose que tu sais quel registre tu veux. Si tu hésites, commence par le cœur design-taste-frontend plutôt qu'un style marqué.
Cas 2 — Versions qui bougent. Les sous-skills évoluent vite (v1/v2, bêtas). Un tutoriel qui cite un nom de sous-skill précis peut être périmé en quelques semaines. Vérifie la liste à jour sur le repo avant de t'appuyer sur un nom exact.
Pour qui ?
- Recommandé si tu travailles sur plusieurs projets aux styles très différents et que tu veux un levier net pour basculer de registre, sans réécrire un long prompt à chaque fois.
- Recommandé pour partir d'une maquette ou d'une capture grâce au sous-skill
image-to-code. - À éviter si tu cherches un seul outil "qui range tout" : la force de Taste Skill (sa granularité) est aussi sa courbe d'entrée. Impeccable ou UI UX Pro Max sont plus directs pour un usage unique.
Alternatives à connaître
- Impeccable (
pbakaus/impeccable) : un seul skill, vocabulaire design et anti-patterns. Plus simple à démarrer. Voir la fiche Impeccable. - UI UX Pro Max (
nextlevelbuilder/ui-ux-pro-max-skill) : catalogue de styles et palettes multi-stack. Voir la fiche UI UX Pro Max. - Huashu Design (
alchaincyf/huashu-design) : prototypes HTML et présentations, sous licence MIT depuis le 2026-05-14 (re-vérifie avant un usage commercial). Voir la fiche Huashu Design.
Pour creuser : comparatif Skills vs MCP vs Plugins, les skills incontournables 2026, find-skills pour en découvrir d'autres.
Aller plus loin
- Site officiel : tasteskill.dev (ouvre un nouvel onglet)
- Repo GitHub : github.com/Leonxlnx/taste-skill (ouvre un nouvel onglet) — MIT, 31.7k★ au 2026-06-02
- Workflow de validation : combiner avec Playwright MCP pour vérifier le rendu réel
Taste Skill est le bon choix quand tu jongles entre des registres visuels distincts et que tu veux les piloter explicitement. Sa granularité demande un peu de prise en main, mais c'est précisément ce qui évite le rendu passe-partout.