shadcn
Installation
SKILL.md
shadcn/ui Development
This skill provides guidance for building interfaces with shadcn/ui, focusing on always using the latest version and modern patterns.
Philosophy: Copy and own your components. Use the
new-yorkstyle. Leverage Radix UI primitives for accessibility.
Quick Reference
| Feature | Modern Approach | Legacy (Avoid) |
|---|---|---|
| Style | new-york |
default (deprecated) |
| Toast | sonner |
toast component |
| Animation | CSS/tw-animate-css | tailwindcss-animate |
| forwardRef | Direct ref prop (React 19) |
forwardRef wrapper |