Frontend & UI
pick-ui-library
Associe une tâche frontend à un seul choix de bibliothèque, sélectionné et assumé.
De quoi il s’agit
Un skill de consultation, invoqué explicitement. Il fait correspondre une tâche donnée à une seule bibliothèque recommandée, tirée d’un tableau sélectionné couvrant primitives, mouvement, graphiques, virtualisation, état et 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
Pourquoi ça compte pour le design
- Une recommandation par tâche : plus de menu d’options à débattre.
- Il regarde d’abord package.json, pour réutiliser ce que le projet possède déjà.
- Il repère les dropdowns et toasts faits main et les remplace par des primitives accessibles.
Ce que ça couvre
- How to use this
- UI components and primitives
- Motion and visuals
- Charts
- State and styling
- Common mismatches to catch
Comment l’installer
pick-ui-library
-
Clonez le dépôt.
git clone https://github.com/emilkowalski/skills -
Pointez Codex sur le fichier du skill.
skills/pick-ui-library/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Invoquez-le explicitement ; il ne se déclenche jamais seul.
-
Décrivez la tâche, pas le nom de la bibliothèque, par exemple « il me faut des toasts ».
-
Il nomme une bibliothèque, en explique l’usage, puis l’intègre.
Chaque plugin présenté ici est gratuit, open source, et renvoie à sa vraie source amont.
En savoir plus sur la liste codex-design ↗Autres plugins design pour Codex
Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. 
Design systems Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques. 
Frontend & UI Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant. 
Frontend & UI Ce qu’il fait imagegen-frontend-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code. Prochaine étape
Designez avec Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de Codex avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.