Component Aesthetic Checker SKILL

Activation Patterns

This SKILL automatically activates when:

• shadcn/ui components (Button, Card, Input, etc.) are used in .react files
• Component props are added or modified
• The ui prop is customized for component variants
• Design system tokens are referenced in components
• Multiple components are refactored together
• Before component library updates

Expertise Provided