pick-ui-library

Use dnd kit for drag and drop in React. It is the curated pick for that task, covering sortable lists, droppable zones, and draggable elements without needing to compare alternatives.

Use Sonner for toasts and notifications. Building toasts by hand or with a modal library is a common mismatch, since Sonner exists for exactly this purpose.

Use Liveline when data points arrive live and the chart scrolls with time, such as streaming dashboards. Use recharts for everything else, including static or interactive general charts.

No. It checks package.json first and uses a listed library already installed. If the project uses a competitor like react-window instead of Virtuoso, it flags the recommendation but does not churn the dependency unless asked.

Use clsx for ad-hoc conditional className strings. Use cva when a component has real variants like size, intent, or state that deserve a typed API. They compose, since cva accepts clsx-style inputs internally.

The skill says so explicitly and recommends from general knowledge instead, while making clear it has left the curated list. It does not silently substitute an unlisted library.