An up-to-date reference of interface components drawn from real, shipped design systems.
Install on its own
Or add it to your stack above and install everything at once.
https://component.galleryTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- The host refused an automated check, so this is missing evidence, not a failure.
- Author not identified, so credit sits with the project, could not be checked
Goes well with
prototype
Builds several genuinely different UI variants behind a live picker.
Flip through real implementations instead of arguing about descriptions, then promote the one that wins.
npx skills add https://github.com/emilkowalski/skills --skill prototype
pick-ui-library
Picks the library from the set Emil actually uses and trusts.
Stops your agent hand-rolling a toast or installing whatever is trending. Covers components, motion, charts, interaction, state and styling.
npx skills add https://github.com/emilkowalski/skills --skill pick-ui-library
better-ui
Concentric radius, optical alignment, surface depth, hit areas.
Based on the Details That Make Interfaces Feel Better article. The small corrections that separate a shipped interface from a generated one.
npx skills add https://github.com/jakubkrehel/skills --skill better-ui
Emil Kowalski
Jakub Krehel