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 the skill recommends it as the single answer rather than listing alternatives.

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-purpose charts.

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; cva composes with clsx-style inputs internally.

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

Use Virtuoso when rendering lists or tables with roughly a thousand rows or more. Virtualizing the list avoids the performance cost of rendering every row and is preferred before reaching for pagination workarounds.

The skill states explicitly that the task falls outside the curated list, then recommends a library from general knowledge while making clear the pick is no longer from the opinionated list.