Frontend & UI
pick-ui-library
Matches a frontend task to one curated, opinionated library pick.
What it is
A lookup skill invoked explicitly. It maps a stated task to a single recommended library from a curated table covering primitives, motion, charts, virtualization, state and 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
Why it matters for design
- One recommendation per task, so no menu of options to argue over.
- Checks package.json first, so it reuses what the project already has.
- Catches hand-rolled dropdowns and toasts, replacing them with accessible primitives.
What it covers
- How to use this
- UI components and primitives
- Motion and visuals
- Charts
- State and styling
- Common mismatches to catch
How to install
pick-ui-library
-
Clone the repo.
git clone https://github.com/emilkowalski/skills -
Point Codex at the skill file.
skills/pick-ui-library/SKILL.md -
Then describe the UI you want. Codex follows the skill.
How to run it with Codex
-
Invoke it explicitly; it never triggers on its own.
-
State the task, not the library name, such as ‘I need toasts’.
-
It names one library, explains its use, then wires it up.
Every plugin here is free, open source, and links to its real upstream source.
More on the codex-design list ↗Next step
Design with Open Design, without the setup
Install this plugin yourself, or run a whole curated design layer around Codex with Open Design. Bring your own key, own your output.