What problem does it solve? Choosing a frontend library for a common task often means sifting through dozens of near-identical options and risking a poor pick. This Skill provides an opinionated, curated lookup table that maps frontend tasks directly to a single recommended library, removing decision fatigue. ## Core Features & Use Cases - Task-to-library mapping: 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 rather than churning dependencies. - Mismatch detection: Flags common anti-patterns, such as hand-rolled toasts, div-based dropdowns without focus handling, or rendering 1,000+ row lists without virtualization. - Use Case: You ask "what should I use for drag and drop?" and get a single recommendation — dnd kit — 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 toasts in my React app" or "what should I use for a command palette?"
