Frontend e UI
imagegen-frontend-web
Genera un’immagine di riferimento orizzontale per ogni sezione della landing page.
Che cos’è
Una skill di direzione immagine per riferimenti di design di siti web. Genera un’immagine orizzontale separata per ogni sezione, con un’unica palette fissa e composizioni dell’hero variate lungo il set.
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections pro
Perché conta per il design
- Una landing page di otto sezioni produce otto comp leggibili, non una tavola unica compressa.
- La composizione dell’hero varia oltre il solito schema testo a sinistra, immagine a destra.
- Un’unica palette, scala tipografica e famiglia di CTA regge su ogni frame generato.
Cosa copre
- Image count and page slicing
- The combinatorial variation engine
- Hero minimalism rules
- Color and material rules
- Multi-image consistency rule
- Default site packs
Come installarlo
imagegen-frontend-web
-
Clona il repository.
git clone https://github.com/Leonxlnx/taste-skill -
Punta Codex sul file della skill.
skills/imagegen-frontend-web/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Dì quante sezioni vuoi: se non specificato, le landing page assumono sei sezioni di default.
-
La skill annuncia il conteggio, poi etichetta ogni output con il numero di sezione.
-
Dai parole d’atmosfera come editoriale o cinematografico per orientare scala dell’hero e sfondo.
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.