shadcn-ui-design-validator
CommunityEnforce distinctive shadcn/ui design
Authorhirefrank
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Ensures frontend patterns avoid generic aesthetics and promotes branded, customized shadcn/ui implementations within Tanstack Start apps.
Core Features & Use Cases
- Pattern Validation: Detects generic fonts, gradients, and spacing patterns.
- Customization Enforcement: Encourages use of custom tokens, fonts, and UI props.
- Design System Consistency: Maintains cohesive design language across components.
Quick Start
Validate a new shadcn/ui component to ensure it uses brand tokens and avoids generic defaults.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: shadcn-ui-design-validator Download link: https://github.com/hirefrank/claude-plugins/archive/main.zip#shadcn-ui-design-validator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.