Frontend e UI
high-end-visual-design
Blocca i default AI generici e impone layout e movimento da agenzia.
Che cos’è
Una skill direttiva che vieta i soliti default di design AI, poi obbliga l’agente a scegliere un archetipo di atmosfera e uno di layout prima di scrivere codice UI.
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look che
Perché conta per il design
- Inter, Roboto e le icone Lucide spesse sono vietate, così l’output smette di sembrare da template.
- Le card ottengono guscio esterno e nucleo interno annidati, dando ai contenitori una profondità lavorata reale.
- Il padding delle sezioni parte da py-24, così i layout respirano invece di affollarsi.
Cosa copre
- Absolute zero directive
- Creative variance engine
- Haptic micro-aesthetics
- Motion choreography
- Performance guardrails
- Pre-output checklist
Come installarlo
high-end-visual-design
-
Clona il repository.
git clone https://github.com/Leonxlnx/taste-skill -
Punta Codex sul file della skill.
skills/soft-skill/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Chiedi una pagina a Codex: prima gira in silenzio il motore di varietà.
-
Imposta texture di sfondo e scala tipografica, poi costruisce contenitori a doppia cornice.
-
Inietta movimento cubic-bezier su misura, poi esegue la checklist di pre-output.
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.