Frontend e UI Cosa fa gpt-taste Costruisce landing page da premio con motion GSAP legato allo scroll e griglie bento senza vuoti. Raccolta curata
I plugin di design che fanno spedire UI vere a Codex
OpenAI Codex scrive codice funzionante. Lasciato a sé stesso ripiega su font sicuri, spaziature medie e Helvetica centrato. Questi sono i plugin che gli danno gusto: skill estetiche e regole di design system. Installane uno, oppure usali tutti dentro Open Design.
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. 
Frontend e UI Cosa fa imagegen-frontend-web Genera un’immagine di riferimento orizzontale per ogni sezione della landing page. 
Frontend e UI Cosa fa minimalist-ui Costruisce interfacce editoriali monocromatiche e calde con griglie bento piatte. 
Frontend e UI Cosa fa design-taste-frontend Legge il brief, sceglie una direzione, consegna interfacce non da template. 
Design system Cosa fa industrial-brutalist-ui Costruisce interfacce rigide in stile stampa svizzera o terminale CRT, con grana analogica. 
Frontend e UI Cosa fa redesign-existing-projects Audita un sito esistente e lo aggiorna senza rompere le funzionalità. 
Design system Cosa fa brandkit Genera tavole di brand guideline, sistemi di logo e deck di identità come immagini. 
Frontend e UI Cosa fa high-end-visual-design Blocca i default AI generici e impone layout e movimento da agenzia. 
Frontend e UI Cosa fa pick-ui-library Abbina un compito frontend a un’unica libreria scelta con criterio. 
Frontend e UI Cosa fa apple-design I principi di interfaccia fluida di Apple tradotti in molle e gesti per il web. 
Frontend e UI Cosa fa animation-vocabulary Trasforma una descrizione vaga di movimento nel suo termine tecnico esatto. 
Frontend e UI Cosa fa emil-design-eng Le regole di Emil Kowalski per timing delle animazioni, easing e rifinitura dei componenti. 
Design system Cosa fa UI-UX Pro Max · Design Un unico punto d’ingresso che smista lavori di logo, identità, slide, banner e icone. 
Frontend e UI Cosa fa UI-UX Pro Max · Banner Design Progetta banner dimensionati in HTML, poi li esporta come PNG. 
Frontend e UI Cosa fa UI-UX Pro Max · UI Styling Costruisce interfacce accessibili con componenti shadcn e utility Tailwind. 
Design system Cosa fa UI-UX Pro Max · Brand Tiene sincronizzati brand guideline, design token e asset. 
Frontend e UI Cosa fa UI-UX Pro Max · Slides Costruisce deck di presentazione HTML con Chart.js e pattern di layout. 
Design system Cosa fa UI-UX Pro Max · Design System Design token a tre livelli, specifiche dei componenti e generazione di slide conforme ai token. 
Frontend e UI Cosa fa design-skills · Editorial Layout da rivista in serif Gelasio su una rigida griglia da 8pt. 
Frontend e UI Cosa fa design-skills · Terracotta Accento argilla su crema, titoli DM Serif Display, lettura long-form. 
Frontend e UI Cosa fa design-skills · Dithered Ombreggiatura a pattern di punti e palette limitata per schermate retrò ad alto contrasto. 
Frontend e UI Cosa fa design-skills · Neumorphism Superfici morbide estruse in grigio pietra con tipografia Space Mono. 
Frontend e UI Cosa fa design-skills · Bento Griglia di blocchi variati su crema, tipografia Inter, scala compatta. 
Frontend e UI Cosa fa design-skills · Claymorphism Forme 3D gonfie e arrotondate, titoli Poppins, blu su bianco. 
Frontend e UI Cosa fa design-skills · Brutalism Layout ispirati al cemento grezzo, titoli Darker Grotesque, rosso e ocra. 
Frontend e UI Cosa fa Hallmark Flusso di design anti-sciatteria con 58 controlli e varietà strutturale forzata. 
Frontend e UI Cosa fa Impeccable Due dozzine di comandi per costruire, criticare e rifinire interfacce frontend. 
Design system Cosa fa Design DNA Estrae un design di riferimento in JSON strutturato, poi genera a partire da quello. 
Design system Cosa fa Material 3 Implementa Material Design 3 di Google su Compose, Flutter e web. 
Frontend e UI Cosa fa Details that make interfaces feel better Sedici regole concrete di rifinitura UI con una checklist di revisione. 
Frontend e UI Cosa fa Agent-Native Plans Trasforma piani testuali in documenti revisionabili con wireframe e prototipi. 
Design system Cosa fa Kami Compone curriculum, white paper, deck e landing page su un unico linguaggio di design. 
Frontend e UI Cosa fa Border Gradients Aggiunge un raffinato bordo in gradiente a card, modali e superfici hero. 
Frontend e UI Cosa fa Masked Reveal Rivela i titoli parola per parola tramite una maschera di overflow durante lo scroll. 
Frontend e UI Cosa fa Framed Grid Layout Costruisce layout editoriali precisi con cornici sottili e parentesi angolari. 
Frontend e UI Cosa fa Container Lines Traccia discrete linee guida verticali ai bordi del contenitore dei contenuti. 
Frontend e UI Cosa fa Skeuomorphic UI Dà a bottoni e pannelli una profondità tattile con gradienti e ombre stratificati. 
Design system Cosa fa Beautiful Shadows Tre utility d’ombra Tailwind pronte all’uso per un’elevazione neutra e stratificata. 
Frontend e UI Cosa fa Dither Background Sfondo canvas con dithering Bayer 4x4 visibile e pixel quadrati. 
Frontend e UI Cosa fa WebGL Laser Fascio shader a schermo intero con nucleo incandescente e foschia tinta di brand. 
Design system Cosa fa Mesh Gradient Dark Blue Clean Sistema blu notte quasi nero con un campo mesh dentro un guscio hero. 
Frontend e UI Cosa fa Cinematic Scroll Storytelling Ricette Lenis più GSAP ScrollTrigger per landing page guidate dallo scroll. 
Design system Cosa fa Agency Grid Layout Minimal Griglia editoriale multicolonna con titoli fuori scala e minuscole etichette maiuscole. 
Design system Cosa fa Glass Dark Mode Clock Superfici scure smerigliate costruite attorno a un quadrante di calibrazione circolare. 
Frontend e UI Cosa fa WebGL 3D Object Una mesh hero Three.js illuminata con materiale PBR e ombre reali. 
Frontend e UI Cosa fa GSAP Skills Set ufficiale di animazione GSAP, dai tween di base a ScrollTrigger e React. 
Frontend e UI Cosa fa Animation Review Trova, migliora e revisiona il movimento rispetto a un’asticella di qualità senior. Prossimo passo
Salta il setup. Progetta con Codex dentro Open Design
Open Design è il design workspace open source e agent-native che lavora attorno a Codex. Tiene coerenti sistemi, skill e template, così l’agente consegna lavoro che ti appartiene.