Frontend e UI
UI-UX Pro Max · Banner Design
Progetta banner dimensionati in HTML, poi li esporta come PNG.
Che cos’è
Un flusso banner in cinque passi: raccogliere i requisiti, studiare la direzione artistica, costruire il banner in HTML e CSS con visual generati, catturare lo screenshot ai pixel esatti della piattaforma, poi presentare opzioni da iterare.
Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, Linked
Perché conta per il design
- Ogni banner esce ai pixel esatti della piattaforma, così niente viene ritagliato o ridimensionato.
- I visual generati sono resi senza testo, così i titoli restano HTML nitido.
- Tre direzioni artistiche per richiesta, così il confronto precede la scelta.
Cosa copre
- Workflow
- Banner size quick reference
- Art direction styles
- Design rules
- Prerequisites
Come installarlo
UI-UX Pro Max · Banner Design
-
Clona il repository.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Punta Codex sul file della skill.
cli/assets/skills/banner-design/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Rispondi alle domande su scopo, piattaforma, contenuto, brand, stile e quantità.
-
Costruisce un banner HTML per direzione artistica, con le zone di sicurezza applicate.
-
Cattura ognuno alla larghezza e altezza fissate, comprimendo i file oltre il limite.
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.