Frontend & UI
pick-ui-library
Ordnet einer Frontend-Aufgabe genau eine kuratierte, meinungsstarke Bibliothek zu.
Worum es geht
Ein Nachschlage-Skill, den du explizit aufrufst. Er ordnet eine genannte Aufgabe einer einzigen empfohlenen Bibliothek aus einer kuratierten Tabelle zu, die Primitives, Motion, Charts, Virtualisierung, State und Styling abdeckt.
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
Warum das fürs Design zählt
- Eine Empfehlung pro Aufgabe, also keine Optionsliste, über die man streiten muss.
- Prüft zuerst die package.json, um wiederzuverwenden, was das Projekt schon hat.
- Erkennt selbstgebaute Dropdowns und Toasts und ersetzt sie durch barrierefreie Primitives.
Was es abdeckt
- How to use this
- UI components and primitives
- Motion and visuals
- Charts
- State and styling
- Common mismatches to catch
So installierst du es
pick-ui-library
-
Klone das Repo.
git clone https://github.com/emilkowalski/skills -
Verweise Codex auf die Skill-Datei.
skills/pick-ui-library/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Ruf ihn explizit auf, von selbst löst er nie aus.
-
Nenn die Aufgabe, nicht den Bibliotheksnamen, etwa ‚Ich brauche Toasts‘.
-
Er nennt eine Bibliothek, erklärt ihren Einsatz und bindet sie ein.
Jedes Plugin hier ist kostenlos, quelloffen und verlinkt auf seine echte Originalquelle.
Mehr auf der codex-design-Liste ↗Weitere Codex-Design-Plugins
Frontend & UI Was es macht gpt-taste Baut preisverdächtige Landingpages mit GSAP-Scroll-Motion und lückenlosen Bento-Grids. 
Design-Systeme Was es macht Stitch Design Taste Schreibt eine DESIGN.md, die Google Stitch zu nicht-generischen Screens lenkt. 
Frontend & UI Was es macht image-to-code Erzeugt zuerst Design-Bilder, analysiert sie und baut dann passenden Frontend-Code. 
Frontend & UI Was es macht imagegen-frontend-mobile Erzeugt hochwertige Mobile-App-Screen-Flows als Bilder, nicht als Code. Nächster Schritt
Mit Open Design designen, ohne Setup
Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um Codex. Eigener Key, eigenes Ergebnis.