Frontend e UI
design-taste-frontend
Legge il brief, sceglie una direzione, consegna interfacce non da template.
Che cos’è
Una skill frontend anti-genericità per landing page, portfolio e restyling. Dichiara una lettura di design, imposta le manopole di varietà, movimento e densità, poi esegue un lungo controllo di pre-flight.
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a
Perché conta per il design
- I brief enterprise ricevono il pacchetto ufficiale del design system, invece di CSS fatto a mano che ne imita l’aspetto.
- Il pre-flight vieta trattini lunghi, eyebrow con numerazione delle sezioni, indizi di scroll e CTA doppie con lo stesso intento.
- La ripetizione di layout è limitata: otto sezioni usano almeno quattro famiglie diverse.
Cosa copre
- Brief inference
- The three dials
- Brief to design system map
- Design engineering directives
- AI tells
- Final pre-flight check
Come installarlo
design-taste-frontend
-
Clona il repository.
git clone https://github.com/Leonxlnx/taste-skill -
Punta Codex sul file della skill.
skills/taste-skill/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
L’agente dichiara una lettura di design in una riga prima di scrivere codice.
-
Imposta tre manopole: varietà di design, intensità del movimento e densità visiva.
-
Ogni voce del pre-flight deve superare il controllo, altrimenti la pagina non è finita.
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.