Aller au contenu principal
Skills

UI UX Pro Max : le skill design multi-stack pour Claude Code

Skill MIT de nextlevelbuilder avec 67 styles UI, 161 palettes et 57 font pairings pour générer des interfaces cohérentes avec Claude Code sur 15 stacks. Vérifié le 2 juin 2026.

  • Référence
  • Outils
Publié le Mis à jour le

TL;DR actionnable

  • Promesse : design intelligence multi-plateforme — des patterns plutôt que du vocabulaire
  • Licence : MIT, gratuit (open source)
  • Installation : npm install -g uipro-cli puis uipro init --ai claude
  • Ce qui le distingue : une banque de 67 styles + 161 palettes alignées par type de produit, multi-stack
  • À garder en tête : 86.5k★ au 2026-06-02, compteur en progression rapide (voir l'encart honnêteté plus bas)

La promesse, citée mot pour mot

"An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms"

Source : github.com/nextlevelbuilder/ui-ux-pro-max-skill (ouvre un nouvel onglet), vérifié 2026-06-02. La formulation officielle contient quelques approximations d'anglais, citée ici telle quelle.

Là où Impeccable apprend à Claude un vocabulaire de designer, UI UX Pro Max prend l'angle opposé : il fournit un catalogue. Au lieu de raisonner sur des principes, le skill propose des choix concrets, un style nommé, une palette assortie à un secteur, une paire de polices déjà testée. Claude pioche dans ce catalogue au lieu d'improviser.

Ce que ça change en pratique

Sans le skill, demander "un dashboard analytics pour une fintech" à Claude Code donne souvent une grille de cartes grises, un bleu générique et des graphiques par défaut sans cohérence chromatique.

Avec le skill, le même prompt s'appuie sur une palette pensée pour la fintech (tons sobres, un accent de confiance), un style nommé (par exemple un minimalisme à forte densité d'information), une paire de polices lisible en petits corps, et un type de graphique recommandé pour la donnée affichée. Le résultat n'est pas magique, mais il part d'un socle cohérent au lieu d'une page blanche.

La différence avec Impeccable se résume ainsi : Impeccable filtre ce qui est moche, UI UX Pro Max propose ce qui marche. Les deux sont complémentaires.

Installation

npm install -g uipro-cli
uipro init --ai claude

La commande uipro init --ai claude configure le skill pour Claude Code dans le projet courant. Une voie alternative existe via le marketplace de plugins Claude Code :

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill

Ce que contient le catalogue

Le skill est essentiellement une banque de connaissances structurée. Les chiffres annoncés sur le repo au 2026-06-02 :

BlocVolumeUsage
Styles UI67Glassmorphism, Claymorphism, Minimalism, Brutalism et autres
Palettes161Alignées par catégorie de produit
Font pairings57Combinaisons typographiques avec import Google Fonts
Reasoning rules161Règles de génération de design system par secteur
UX guidelines99Bonnes pratiques, anti-patterns, accessibilité
Types de graphiques25Recommandations pour dashboards et analytics
Stacks supportés15React, Next.js, Vue, Flutter, SwiftUI...

Workflow type avec Claude Code

1

Cadrer le produit

Donner le contexte produit : "tableau de bord pour une app de fitness, audience grand public, ton énergique". Le skill associe ce contexte à une catégorie et à une palette.

2

Choisir un style

Demander à Claude de proposer 2 ou 3 styles parmi les 67, avec leur palette et leur paire de polices. Tu tranches sur une option.

3

Générer

Claude produit le composant ou la page dans ton stack (React, Vue, Flutter...) en appliquant le style retenu, ses tokens et ses guidelines UX.

4

Valider visuellement

Vérifier le rendu avec Playwright MCP : screenshot mobile et desktop, contrôle des contrastes, ajustements. C'est l'étape que le skill seul ne couvre pas.

Cas d'échec à connaître

Cas 1 — Trop de choix tue le choix. Avec 67 styles et 161 palettes, un brief flou pousse Claude à hésiter ou à mélanger des registres. Le catalogue n'aide que si tu fixes une direction. Sans contrainte, tu obtiens un patchwork.

Cas 2 — Design system maison déjà en place. Si ton projet impose ses propres tokens, le catalogue UI UX Pro Max devient redondant, voire contradictoire. Dans ce cas, le skill sert au mieux à explorer des idées en amont, pas à produire le code final.

Pour qui ?

  • Recommandé si tu démarres une interface de zéro et que tu veux un point de départ visuel cohérent sans réfléchir toi-même à la palette et aux polices, surtout sur un stack non-React (Flutter, SwiftUI, Vue).
  • Recommandé en complément d'Impeccable : UI UX Pro Max propose la direction, Impeccable filtre les anti-patterns. Le combo couvre les deux faiblesses.
  • À éviter si tu as déjà un design system strict : tu te battras contre le catalogue plutôt que de t'appuyer dessus.

Alternatives à connaître

  • Impeccable (pbakaus/impeccable) : approche anti-patterns et vocabulaire design plutôt que catalogue. Plus léger à installer. Voir la fiche Impeccable.
  • Taste Skill (Leonxlnx/taste-skill) : framework anti-slop avec plusieurs sous-skills par style. Voir la fiche Taste Skill.
  • Huashu Design (alchaincyf/huashu-design) : orienté 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

UI UX Pro Max est le skill à dégainer quand tu pars d'une page blanche et que tu veux un socle visuel cohérent en une question. Il ne remplace pas une critique fine du rendu, qui reste le rôle de Playwright et d'un skill anti-patterns comme Impeccable.