ORLOV JEUX

Skills ·

UI UX Pro Max — des règles de design pour votre agent IA

Demandez une landing page à un agent IA et il reprend souvent le même look. UI UX Pro Max lui donne une bibliothèque de design consultable et des règles de design pour chaque type de produit : il décide d’abord de l’apparence du produit, puis seulement il écrit le code.

Voir UI UX Pro Max sur GitHub

UI UX Pro Max est une skill qui ajoute des connaissances en design aux agents de code IA. Son README cite plus de 20 agents compatibles, dont Claude Code, Cursor, Windsurf, Codex CLI, Gemini CLI et GitHub Copilot.

La version de base du dépôt est gratuite et open source sous licence MIT. Le 26 octobre 2026, elle comptait environ 140 000 étoiles sur GitHub. Il existe aussi une version premium payante avec design de marque, de logo et de diapositives.

Une fiche de design system avec une palette de couleurs, deux échantillons de police et une pile de sections de page.
Style, couleurs, polices et mise en page, décidés avant le code.

Comment ça marche

Quand vous demandez un travail d’interface, la skill s’active d’elle-même. Elle lance cinq recherches à la fois dans ses données : le type de produit, le style visuel, la palette de couleurs, le modèle de landing page et la paire de polices. Une étape de raisonnement applique ensuite les règles de votre type de produit et assemble un design system complet.

Ce design system fixe une structure de page, un style, des couleurs exactes, des polices, des effets, des choses à éviter et une checklist avant livraison. Pour une banque, par exemple, il déconseille les dégradés violet-rose typiques de l’IA. Ce n’est qu’ensuite que l’agent écrit le code.

Ce qu’elle contient

Ce qu’il faut savoir avant

Le script de recherche a besoin de Python 3. Il n’utilise que la bibliothèque standard et ne fait aucun appel réseau. La skill donne des conseils de design et ne réécrit pas seule une app existante, mais vous pouvez demander à l’agent d’appliquer un nouveau style à votre app composant par composant.

Comment l’installer

Dans Claude Code :

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

Pour les autres agents, utilisez l’outil en ligne de commande :

npm install -g ui-ux-pro-max-cli
uipro init --ai cursor

Remplacez cursor par votre agent, par exemple claude, codex ou gemini. Puis demandez en mots simples : « Crée une landing page pour mon produit SaaS. »

Voir UI UX Pro Max sur GitHub