Skip to content
All skills

/pick-ui-library

Pick a UI Library

Picks the library for a frontend task from a short, curated list I use and trust. This prevents the agent from building a custom toast or installing an abandoned package.

Updated September 15, 2026

What it does

  • Reads your package.json first, so it builds on what you already have
  • Recommends one library per task, with the reason for the recommendation
  • Covers the less obvious jobs too: animated numbers, virtualization, drag and drop, state, and styling
  • Says when you don’t need a library at all, and when building it yourself is the better call

When to use it

When you’re wondering whether to build a component yourself or use a library. These days it’s often better to build things yourself, because of how fast it can be done, but sometimes you want to use a prebuilt, high-quality solution.

What the skill changed

An animated number looks like an easy task until you encounter all the edge cases. Here, the agent keyed each character by its position, so going from $996 to $1,008 changes every character, even the comma, while the width snaps and “/mo” jumps.

NumberFlow keeps each digit in its place, animates the width, and animates the way the value moves. It takes care of all the edge cases.

Example prompts

You don’t need special wording. Describe the problem the way you’d describe it to a teammate. Here are some more to try on your own product.

The course behind these skills

These skills come from what I teach in AI for UI. Join the waitlist to get two lessons and be the first to know when enrollment reopens on December 8.