Design system
UI-UX Pro Max · Design
Un unico punto d’ingresso che smista lavori di logo, identità, slide, banner e icone.
Che cos’è
Una skill di design unificata che smista i compiti a sub-skill o moduli integrati. Gli integrati coprono generazione di logo, mockup di identità aziendale, slide HTML, banner, foto social e icone SVG tramite script 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
Perché conta per il design
- Logo, mockup di identità e deck nascono tutti da un unico input di brand.
- Le icone si generano come testo SVG, così restano modificabili, non raster.
- Le regole dei banner impongono zone di sicurezza, massimo due font e una sola CTA.
Cosa copre
- Sub-skill routing
- Logo design
- CIP design
- Slides
- Banner design
- Icon design
Come installarlo
UI-UX Pro Max · Design
-
Clona il repository.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Punta Codex sul file della skill.
cli/assets/skills/design/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Esporta prima GEMINI_API_KEY e installa google-genai e pillow.
-
Esegui scripts/logo/search.py per un brief di design, poi generate.py per le immagini.
-
Dai il logo in pasto a scripts/cip/generate.py per produrre mockup pronti alla consegna.
Ogni plugin qui è gratuito, open source e rimanda alla sua vera fonte upstream.
Altro sulla lista codex-design ↗Altri plugin di design per Codex
Frontend e UI Cosa fa gpt-taste Costruisce landing page da premio con motion GSAP legato allo scroll e griglie bento senza vuoti. 
Design system Cosa fa Stitch Design Taste Scrive un DESIGN.md che guida Google Stitch verso schermate non generiche. 
Frontend e UI Cosa fa image-to-code Genera prima immagini di design, le analizza, poi costruisce il codice frontend corrispondente. 
Frontend e UI Cosa fa imagegen-frontend-mobile Genera flussi di schermate per app mobile di livello premium come immagini, non come codice. Prossimo passo
Progetta con Open Design, senza il setup
Installa questo plugin da solo, oppure porta attorno a Codex un intero strato di design curato con Open Design. Usa la tua chiave, resta padrone dell’output.