shadcn-ui-design-validator

Design validation catches generic fonts, gradients, and spacing patterns in shadcn/ui components, triggering checks on new TSX files and styling updates to enforce branded customization and maintain distinctive design language across your Tanstack Start app.

Yes. Design system validation monitors tailwind.config.ts and component styling updates, verifying that custom tokens, fonts, and UI props replace defaults, ensuring cohesive branded design throughout your component library.

Validation triggers automatically on component creation, detecting typography, color, and animation patterns against your design system. It provides actionable remediation guidance to align the component with your brand tokens and styling rules.

Yes. The validator applies to new TSX components, tailwind.config.ts edits, app.config.ts adjustments, and design token definitions, catching generic patterns across configuration and component-level changes in Tanstack Start projects.

Customization verification confirms use of custom tokens, fonts, and UI props rather than out-of-the-box defaults. Pattern detection identifies generic gradients and spacing, returning specific feedback on where branded alternatives should replace generic styling.