What problem does it solve? Choosing the right frontend library for a task is time-consuming and error-prone, with countless overlapping options for toasts, charts, drag and drop, state management, and more. This Skill provides a curated, opinionated lookup table that maps common frontend tasks to a single vetted library recommendation. ## Core Features & Use Cases - Task-to-library matching: Maps tasks like command menus, OTP inputs, virtualization, animation, and theme switching to specific libraries such as cmdk, input-otp, Virtuoso, motion, and 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, and template-literal className ternaries, redirecting to the right tool. - Use Case: You ask "what should I use for drag and drop?" and get a single recommendation (dnd kit) with a one-sentence rationale, plus installation 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."
