What problem does it solve? Choosing the right frontend library for a task is time-consuming and often leads to inconsistent or poorly-fitting dependencies. This Skill maps common frontend tasks to a curated, opinionated list of proven libraries so you get one clear recommendation instead of a menu of options. ## Core Features & Use Cases - Task-to-library matching: Covers UI primitives (base-ui), command menus (cmdk), toasts (Sonner), OTP inputs (input-otp), animation (motion, NumberFlow), charts (Liveline, recharts), drag and drop (dnd kit), virtualization (Virtuoso), state (zustand), and styling (clsx, cva, next-themes). - Existing dependency awareness: Checks package.json first and respects libraries already installed, flagging competitors without churning dependencies. - Mismatch detection: Catches 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 a ⌘K command palette?" and get a direct recommendation of cmdk with wiring guidance, rather than a comparison of five alternatives. ## Quick Start Ask the skill which library to use for a specific frontend task, such as "what should I use for drag and drop in my React app?"
