Shadcn UI Developer Guide

This skill provides guidelines, patterns, and best practices for working with shadcn/ui components in this project.

Quick Start

1. Core Patterns: Read references/patterns.md for comprehensive styling, theming, and component patterns.
2. Tailwind Integration: For Tailwind CSS patterns, use the tailwindcss skill.

Core Philosophy

• Ownership: Shadcn is copy-paste, not a dependency - you own the code.
• Customization: Components are meant to be modified for your needs.
• Accessibility: Built on Radix UI primitives for proper accessibility.
• Flexibility: Styled with Tailwind CSS for easy customization.

Critical: Design Token Usage

Always use design system tokens for theme switching compatibility: