Frontend e UI
pick-ui-library
Abbina un compito frontend a un’unica libreria scelta con criterio.
Che cos’è
Una skill di consultazione da invocare a mano. Mappa un compito dichiarato su un’unica libreria consigliata, da una tabella curata che copre primitive, movimento, grafici, virtualizzazione, stato e styling.
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly i
Perché conta per il design
- Un consiglio per compito, così niente menù di opzioni su cui discutere.
- Controlla prima package.json, così riusa ciò che il progetto ha già.
- Individua dropdown e toast fatti a mano e li sostituisce con primitive accessibili.
Cosa copre
- How to use this
- UI components and primitives
- Motion and visuals
- Charts
- State and styling
- Common mismatches to catch
Come installarlo
pick-ui-library
-
Clona il repository.
git clone https://github.com/emilkowalski/skills -
Punta Codex sul file della skill.
skills/pick-ui-library/SKILL.md -
Poi descrivi la UI che vuoi. Codex segue la skill.
Come usarlo con Codex
-
Invocala esplicitamente: non si attiva mai da sola.
-
Dichiara il compito, non il nome della libreria, tipo «mi servono i toast».
-
Nomina una libreria, ne spiega l’uso, poi la collega.
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.