UI UX Pro Max : le guide d'installation pour Claude Code
Le guide d'installation du skill gratuit UI UX Pro Max dans Claude Code, avec les deux commandes à copier et le prompt de démonstration.
Ce que c'est
UI UX Pro Max est un skill gratuit qui donne à Claude une vraie connaissance du design : styles d'interface, palettes de couleurs, paires de polices et patterns d'UI. Résultat, tout ce qu'il construit a l'air d'être passé entre les mains d'un designer.
- Dépôt : https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
- Site : https://www.uupm.cc/
- 137 000 étoiles sur GitHub
Installation dans Claude Code (2 commandes)
- Ajoute le marketplace :
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
- Installe le skill :
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
C'est prêt.
Le prompt de démonstration
Celui de la vidéo, à copier tel quel :
build a fintech banking app with a dark theme
Même prompt qu'avant l'installation, résultat complètement différent : tableau de bord, solde, cartes, boutons d'envoi d'argent.
Ce qu'il y a dans la base
| Contenu | Quantité |
|---|---|
| Styles d'UI (glassmorphism, brutalisme, mode sombre, claymorphism, néomorphisme, minimalisme, bento grid) | 79 |
| Palettes de couleurs | 192 |
| Paires de polices (par exemple Cormorant Garamond + Montserrat) | plusieurs dizaines |
| Modèles de page d'accueil | 34 |
Il gère aussi les patterns d'UI classiques : hero, services, témoignages, réservation, contact.
Les catégories qu'il reconnaît
Le skill adapte le design au secteur, et il sait ce qu'il doit éviter (exemple pour la fintech : les dégradés violet et rose qui font tout de suite IA).
- Tech et SaaS : SaaS, micro SaaS, B2B, outils développeurs, IDE, plateformes IA et chatbot, cybersécurité
- Finance : fintech, crypto, banque, assurance, suivi de budget, facturation
- Santé : clinique, pharmacie, dentaire, vétérinaire, santé mentale, rappel de traitement
- E-commerce : généraliste, luxe, marketplace entre particuliers, abonnement
Ça marche aussi ailleurs
Les mêmes fichiers fonctionnent avec Cursor, Windsurf, Antigravity, Qoder, GitHub Copilot, Kiro et Codex.
Comment bien l'utiliser
- Précise toujours le secteur ET le thème dans ta demande (« fintech banking app, dark theme »).
- Laisse le skill proposer sa palette avant de corriger les couleurs à la main.
- Si le rendu te plaît, demande-lui de garder le même système de design pour les pages suivantes.
Une question ? Réponds à ce message, je lis tout.