What problem does it solve? Choosing a frontend library often means sifting through dozens of overlapping options and ending up with inconsistent picks across a project. This Skill provides a curated, opinionated lookup table that maps common frontend tasks to a single deliberate library choice. ## Core Features & Use Cases - Task-to-library matching: Covers UI primitives (base-ui, cmdk, Sonner, input-otp), motion (motion, NumberFlow, Cobe, Satori, shiki), charts (Liveline, recharts), drag and drop (dnd kit), virtualization (Virtuoso), and state/styling (zustand, clsx, cva, next-themes). - Existing-dependency awareness: Checks package.json first and respects libraries already installed rather than churning dependencies. - Mismatch detection: Flags common anti-patterns like hand-built toasts, div-based dropdowns with manual focus handling, and re-rendered number animations. - Use Case: You ask "what should I use for drag and drop?" and get a single recommendation — dnd kit — wired into your project, instead of a menu of five alternatives. ## Quick Start Ask the assistant which library to use for a specific frontend task, such as "what should I use for toasts in my React app?"
