Frontend e UI
redesign-existing-projects
Audita un sito esistente e lo aggiorna senza rompere le funzionalità.
Che cos’è
Un flusso di scansione, diagnosi e correzione per progetti esistenti. Audita tipografia, colore, layout, stati, contenuti, icone e qualità del codice, poi applica miglioramenti mirati dentro lo stack esistente.
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla
Perché conta per il design
- I gradienti viola-blu da AI e le tre righe di card identiche vengono sostituiti con alternative ponderate.
- I bottoni nei gruppi di card si allineano su un’unica linea di base, anche con contenuti di lunghezza diversa.
- Gli stati mancanti di hover, focus, caricamento, vuoto ed errore vengono completati.
Cosa copre
- How this works
- Design audit
- Upgrade techniques
- Fix priority
- Rules
Come installarlo
redesign-existing-projects
-
Clona il repository.
git clone https://github.com/Leonxlnx/taste-skill -
Punta Codex sul file della skill.
skills/redesign-skill/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Scansiona prima il codebase per identificare framework e metodo di styling.
-
Elenca ogni pattern generico e punto debole prima di cambiare qualsiasi cosa.
-
Le correzioni arrivano in ordine di priorità: font, colore, stati, layout, componenti, rifinitura tipografica.
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.