What problem does it solve? Choosing a frontend library often means sifting through dozens of overlapping options and inconsistent recommendations. This Skill maps a described UI task directly to one opinionated, curated library pick, removing decision fatigue and preventing mismatched choices like hand-rolled toasts or unvirtualized thousand-row lists. ## 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 instead of churning dependencies. - Mismatch detection: Flags common anti-patterns such as div-based dropdowns with manual focus handling or template-literal className ternaries, and points to the right library. - Use Case: You ask "what should I use for a ⌘K command palette?" and get cmdk as the single recommendation, plus wiring it into your project if requested. ## Quick Start Ask the skill which library to use for a specific frontend task, such as "I need drag and drop in my React app."
