Menu

Post image 1
Post image 2
1 / 2
0

Stop Fighting Your AI About shadcn Components: Install the Skill

DEV Community·Mohamed Idris·30 days ago
#Th9GXX2S
#install#tool#ai#shadcn#project#skill
Reading 0:00
15s threshold

If you use Cursor, Claude Code, GitHub Copilot, or any AI coding assistant with shadcn/ui, you probably hit this wall: You ask the AI to add a Combobox using Base UI. It generates code with asChild . But Base UI does not have asChild , it uses render . You correct it. Next prompt, same mistake. You correct again. The cycle never ends. Or you ask for "a login form with shadcn". The AI invents components that don't exist in your registry, or it imports from @radix-ui/react-dialog when your project uses Base UI. The reason is simple: the AI does not know your project . It has no idea which framework you use, which components you already installed, which engine (Radix or Base UI) you picked, or how shadcn's APIs evolved this year. It guesses based on training data that might be a year old. There are two tools that fix this. Let me walk you through both.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More