What problem does it solve? Choosing the right frontend library for a task is time-consuming and often leads to inconsistent or poorly-fitting picks. This Skill maps common frontend tasks to a curated, opinionated library list so you get one deliberate recommendation instead of a menu of options. ## Core Features & Use Cases - Task-to-library lookup: Matches tasks like toasts, OTP inputs, command menus, charts, virtualization, drag and drop, state management, and styling to a curated pick (Sonner, input-otp, cmdk, recharts, Virtuoso, dnd kit, zustand, and more). - Dependency awareness: Checks the project's package.json first and respects libraries already installed before recommending changes. - Mismatch detection: Flags common anti-patterns, such as hand-built toasts, div-based dropdowns with manual focus handling, or rendering thousand-row lists without virtualization. - Use Case: You ask "what should I use for drag and drop?" and get a single recommendation — dnd kit — with wiring guidance, rather than a comparison of five alternatives. ## Quick Start Ask the agent 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?"
