projectrules.ai

ShadcnUI Implementation

ShadcnUIComponent DesignTailwindCSSTheme ManagementUI Development

Description

Shadcn Rules

Globs

**/*
---
description: Shadcn Rules
globs: **/*
---

# ShadcnUI Implementation

-   Keep all shadcn components in components/ui directory
-   Use the CLI for component installation: `npx shadcn@latest add`
-   Customize components through tailwind.config.ts
-   Extend components instead of modifying source
-   Use consistent naming conventions for custom variants
-   Implement proper theme switching
-   Use the /lib/utils.ts file for merging class names
ShadcnUI Implementation