Design systems
UI-UX Pro Max · Design
Un point d’entrée unique qui aiguille le travail de logo, d’identité, de slides, de bannière et d’icône.
De quoi il s’agit
Un skill de design unifié qui aiguille les tâches vers des sous-skills ou des modules intégrés. Les modules couvrent la génération de logo, les mockups d’identité d’entreprise, les slides HTML, les bannières, les visuels sociaux et les icônes SVG via des scripts Gemini.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 s
Pourquoi ça compte pour le design
- Logo, mockups d’identité et deck viennent tous d’une seule entrée de marque.
- Les icônes sont générées en texte SVG : elles restent éditables, pas matricielles.
- Les règles de bannière imposent des zones sûres, deux polices maximum et un seul CTA.
Ce que ça couvre
- Sub-skill routing
- Logo design
- CIP design
- Slides
- Banner design
- Icon design
Comment l’installer
UI-UX Pro Max · Design
-
Clonez le dépôt.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Pointez Codex sur le fichier du skill.
cli/assets/skills/design/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Exportez d’abord GEMINI_API_KEY et installez google-genai et pillow.
-
Lancez scripts/logo/search.py pour un brief de design, puis generate.py pour les images.
-
Passez le logo à scripts/cip/generate.py pour produire des mockups livrables.
Chaque plugin présenté ici est gratuit, open source, et renvoie à sa vraie source amont.
En savoir plus sur la liste codex-design ↗Autres plugins design pour Codex
Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. 
Design systems Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques. 
Frontend & UI Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant. 
Frontend & UI Ce qu’il fait imagegen-frontend-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code. Prochaine étape
Designez avec Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de Codex avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.