Frontend e UI
minimalist-ui
Costruisce interfacce editoriali monocromatiche e calde con griglie bento piatte.
Che cos’è
Un protocollo frontend per interfacce minimali in stile documento. Fissa una palette monocromatica calda, una gerarchia tipografica serif e mono, card bento con bordo 1px e accenti pastello smorzati.
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Perché conta per il design
- Ogni card e divisore usa un unico bordo grigio chiaro da 1px con un raggio netto.
- Gli accenti arrivano solo da quattro pastelli slavati riservati a tag e codice inline.
- Le sezioni guadagnano profondità da immagini a bassa opacità, invece di sfondi vuoti e piatti.
Cosa copre
- Absolute negative constraints
- Typographic architecture
- Color palette
- Component specifications
- Iconography and imagery directives
- Subtle motion and micro-animations
Come installarlo
minimalist-ui
-
Clona il repository.
git clone https://github.com/Leonxlnx/taste-skill -
Punta Codex sul file della skill.
skills/minimalist-skill/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Chiedi una pagina: la skill stabilisce prima il macro-spazio bianco, py-24 o py-32.
-
Vincola la larghezza del testo a max-w-4xl e applica subito le variabili monocromatiche.
-
Le dissolvenze all’ingresso in scroll passano da IntersectionObserver, solo su transform e opacity.
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.