ask-shadcn-architect

<critical_constraints> ❌ NO custom <button> if shadcn Button exists → import from @/components/ui ❌ NO manual implementation of standard components → use CLI ❌ NO hardcoded colors → use semantic (bg-primary, text-muted-foreground) ✅ MUST check @/components/ui first before creating ✅ MUST use cn() utility for className merging ✅ MUST use lucide-react for icons ✅ MUST look for and utilize official shadcn/skills for complex component implementation </critical_constraints>

<cli_v4_features> shadcn/cli v4 introduces new capabilities that MUST be used when appropriate.

• Presets: Provide styling variation alternatives: npx shadcn@latest add [component-name] --preset [preset]