pick-ui-library

Use dnd kit for drag and drop in React. It is the curated pick for sortable lists, draggable elements, and drop targets, and it handles the interaction complexity that hand-rolled mouse-event logic gets wrong.

Use recharts for general static or interactive dashboard charts, and Liveline when data points arrive live and the chart scrolls with time. The split is real-time streaming versus everything else.

Use Sonner for toasts and notifications. It exists specifically for this pattern, so building toasts by hand or bending a modal library into toast duty is unnecessary.

Use clsx for ad-hoc conditional className strings and 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.

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

The skill says so explicitly and then recommends from general knowledge, clearly stating it has left the curated list. It does not force an unrelated listed library onto an uncovered task.