Pick Ui Library

Pick-ui-library is a lookup skill for frontend library choices, and it's deliberately narrow: it only runs when you invoke it, so it won't interrupt you with suggestions. Give it a task, like "I need toasts" or "what handles drag and drop," and it maps that to one recommendation from a curated, opinionated list covering things like Sonner for notifications, base-ui for accessible primitives, NumberFlow for animated counters, Virtuoso for long lists, and zustand for state. It checks your package.json first so it won't push you toward churning existing dependencies. The take I'd flag: the chart split (Liveline for streaming data, recharts for everything else) is a useful rule of thumb, but the list reflects one person's taste, so treat the picks as strong defaults rather than the only answer.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 8
skills.sh installs: 218.9K
GitHub stars: 55.5K
last updated: Oct 26, 2026

View on GitHub

Install

$ npx -y skills add emilkowalski/skills --skill pick-ui-library --agent claude-code

Installs into .claude/skills of the current project.

Files

Picking The Right Library

Initial Response

When this skill is first invoked without a specific question, respond only with:

I'm ready to pick the right library for your task, my picks come from Emil Kowalski's curated list.

Do not provide any other information until the user asks a question.

A lookup skill. When invoked with a task ("I need toasts", "what should I use for drag and drop?"), match the task to the curated list below and recommend the library. These are deliberate, taste-driven picks — don't substitute alternatives outside this list unless the user asks for one or the task genuinely isn't covered.