UI Libraries for Claude Code (Ban the AI Look)

👉🏼 My AI for Designers guide (FREE):

One of the easiest ways to make AI-built UI look better is to stop letting it build every component from scratch. In this video, I go over the component libraries I use with Claude Code, the three kinds worth knowing, what each one is good for, and how to get Claude to actually use them.

You’ll also see why default shadcn has become an AI look of its own, the small details AI skips when it builds toasts, drawers and command menus itself, and Emil Kowalski’s pick-ui-library skill that tells Claude which library to use.

Libraries from this video:
shadcn/ui –
Base UI –
Radix –
Sonner –
Vaul –
cmdk –
NumberFlow –
pick-ui-library skill –
Beautiful UI –
RareUI –
Magic UI –
Aceternity UI –
21st.dev –

📩 Business:
griffin@griffinwooldridge.com

🌐 Connect with me!

🔥 My top tools (some are affiliate links – thank you!):
Mobbin –
Claude Code –
Framer –
Granola –
Anything –

0:00 Intro
0:30 1. Foundations (shadcn, Base UI, Radix)
1:25 2. Specialists (Sonner, Vaul, cmdk)
2:12 The pick-ui-library Skill
2:27 3. Design Components
3:40 The One-Standout Rule
3:56 How to Get Claude to Use Them
4:17 Final Thoughts

#claudecode #uidesign #aidesign #vibecoding #shadcn

元動画はこちら：https://www.youtube.com/watch?v=zsCGS-Yzjnw