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 OpenDesign.

Scarica OpenDesign Metti una star alla lista

Frontend e UI Scavalca le scelte estetiche predefinite di Codex prima che venga scritta una sola riga.
Design system Trasforma token e componenti in regole che Codex segue invece di inventare.

Leonxlnx Plugin

Cosa fa gpt-taste Costruisce landing page da premio con motion GSAP legato allo scroll e griglie bento senza vuoti.

Leonxlnx Plugin

Cosa fa Stitch Design Taste Scrive un DESIGN.md che guida Google Stitch verso schermate non generiche.

Leonxlnx Plugin

Cosa fa image-to-code Genera prima immagini di design, le analizza, poi costruisce il codice frontend corrispondente.

Leonxlnx Plugin

Cosa fa imagegen-frontend-mobile Genera flussi di schermate per app mobile di livello premium come immagini, non come codice.

Leonxlnx Plugin

Cosa fa imagegen-frontend-web Genera un’immagine di riferimento orizzontale per ogni sezione della landing page.

Leonxlnx Plugin

Cosa fa minimalist-ui Costruisce interfacce editoriali monocromatiche e calde con griglie bento piatte.

Leonxlnx Plugin

Cosa fa design-taste-frontend Legge il brief, sceglie una direzione, consegna interfacce non da template.

Leonxlnx Plugin

Cosa fa industrial-brutalist-ui Costruisce interfacce rigide in stile stampa svizzera o terminale CRT, con grana analogica.

Leonxlnx Plugin

Cosa fa redesign-existing-projects Audita un sito esistente e lo aggiorna senza rompere le funzionalità.

Leonxlnx Plugin

Cosa fa brandkit Genera tavole di brand guideline, sistemi di logo e deck di identità come immagini.

Leonxlnx Plugin

Cosa fa high-end-visual-design Blocca i default AI generici e impone layout e movimento da agenzia.

emilkowalski Plugin

Cosa fa pick-ui-library Abbina un compito frontend a un’unica libreria scelta con criterio.

emilkowalski Plugin

Cosa fa apple-design I principi di interfaccia fluida di Apple tradotti in molle e gesti per il web.

emilkowalski Plugin

Cosa fa animation-vocabulary Trasforma una descrizione vaga di movimento nel suo termine tecnico esatto.

emilkowalski Plugin

Cosa fa emil-design-eng Le regole di Emil Kowalski per timing delle animazioni, easing e rifinitura dei componenti.

nextlevelbuilder Plugin

Cosa fa UI-UX Pro Max · Design Un unico punto d’ingresso che smista lavori di logo, identità, slide, banner e icone.

nextlevelbuilder Plugin

Cosa fa UI-UX Pro Max · Banner Design Progetta banner dimensionati in HTML, poi li esporta come PNG.

nextlevelbuilder Plugin

Cosa fa UI-UX Pro Max · UI Styling Costruisce interfacce accessibili con componenti shadcn e utility Tailwind.

nextlevelbuilder Plugin

Cosa fa UI-UX Pro Max · Brand Tiene sincronizzati brand guideline, design token e asset.

nextlevelbuilder Plugin

Cosa fa UI-UX Pro Max · Slides Costruisce deck di presentazione HTML con Chart.js e pattern di layout.

nextlevelbuilder Plugin

Cosa fa UI-UX Pro Max · Design System Design token a tre livelli, specifiche dei componenti e generazione di slide conforme ai token.

bergside Plugin

Cosa fa design-skills · Editorial Layout da rivista in serif Gelasio su una rigida griglia da 8pt.

bergside Plugin

Cosa fa design-skills · Terracotta Accento argilla su crema, titoli DM Serif Display, lettura long-form.

bergside Plugin

Cosa fa design-skills · Dithered Ombreggiatura a pattern di punti e palette limitata per schermate retrò ad alto contrasto.

bergside Plugin

Cosa fa design-skills · Neumorphism Superfici morbide estruse in grigio pietra con tipografia Space Mono.

bergside Plugin

Cosa fa design-skills · Bento Griglia di blocchi variati su crema, tipografia Inter, scala compatta.

bergside Plugin

Cosa fa design-skills · Claymorphism Forme 3D gonfie e arrotondate, titoli Poppins, blu su bianco.

bergside Plugin

Cosa fa design-skills · Brutalism Layout ispirati al cemento grezzo, titoli Darker Grotesque, rosso e ocra.

Nutlope Plugin

Cosa fa Hallmark Flusso di design anti-sciatteria con 58 controlli e varietà strutturale forzata.

pbakaus Plugin

Cosa fa Impeccable Due dozzine di comandi per costruire, criticare e rifinire interfacce frontend.

zanwei Plugin

Cosa fa Design DNA Estrae un design di riferimento in JSON strutturato, poi genera a partire da quello.

hamen Plugin

Cosa fa Material 3 Implementa Material Design 3 di Google su Compose, Flutter e web.

jakubkrehel Plugin

Cosa fa Details that make interfaces feel better Sedici regole concrete di rifinitura UI con una checklist di revisione.

BuilderIO Plugin

Cosa fa Agent-Native Plans Trasforma piani testuali in documenti revisionabili con wireframe e prototipi.

tw93 Plugin

Cosa fa Kami Compone curriculum, white paper, deck e landing page su un unico linguaggio di design.

MengTo Plugin

Cosa fa Border Gradients Aggiunge un raffinato bordo in gradiente a card, modali e superfici hero.

MengTo Plugin

Cosa fa Masked Reveal Rivela i titoli parola per parola tramite una maschera di overflow durante lo scroll.

MengTo Plugin

Cosa fa Framed Grid Layout Costruisce layout editoriali precisi con cornici sottili e parentesi angolari.

MengTo Plugin

Cosa fa Container Lines Traccia discrete linee guida verticali ai bordi del contenitore dei contenuti.

MengTo Plugin

Cosa fa Skeuomorphic UI Dà a bottoni e pannelli una profondità tattile con gradienti e ombre stratificati.

MengTo Plugin

Cosa fa Beautiful Shadows Tre utility d’ombra Tailwind pronte all’uso per un’elevazione neutra e stratificata.

MengTo Plugin

Cosa fa Dither Background Sfondo canvas con dithering Bayer 4x4 visibile e pixel quadrati.

MengTo Plugin

Cosa fa WebGL Laser Fascio shader a schermo intero con nucleo incandescente e foschia tinta di brand.

MengTo Plugin

Cosa fa Mesh Gradient Dark Blue Clean Sistema blu notte quasi nero con un campo mesh dentro un guscio hero.

MengTo Plugin

Cosa fa Cinematic Scroll Storytelling Ricette Lenis più GSAP ScrollTrigger per landing page guidate dallo scroll.

MengTo Plugin

Cosa fa Agency Grid Layout Minimal Griglia editoriale multicolonna con titoli fuori scala e minuscole etichette maiuscole.

MengTo Plugin

Cosa fa Glass Dark Mode Clock Superfici scure smerigliate costruite attorno a un quadrante di calibrazione circolare.

MengTo Plugin

Cosa fa WebGL 3D Object Una mesh hero Three.js illuminata con materiale PBR e ombre reali.

greensock Plugin

Cosa fa GSAP Skills Set ufficiale di animazione GSAP, dai tween di base a ScrollTrigger e React.

emilkowalski Plugin

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 OpenDesign

OpenDesign è 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.

Scarica OpenDesign ↗ Sfoglia tutti i plugin