design-system-guardian

You can validate React UI components by analyzing your code against a design system manifest. This process detects custom components where design system equivalents exist, checks incorrect prop usage, and identifies composition opportunities.

Checking for incorrect prop usage involves comparing your target files against a manifest loaded from Storybook MCP or a cache. The analysis verifies correct usage of props for design system components and outputs structured findings with suggestions.

Yes, you can use this design system validation without external dependencies. It operates independently to analyze your target files and compare your code against a cached manifest or Storybook MCP to enforce UI consistency.

The best way to enforce UI component consistency is to validate component usage against a design system manifest. This detects custom components where official equivalents exist and outputs structured findings with severity, description, and suggestions.

Identifying composition opportunities involves analyzing target files to find multiple elements that can be replaced with single design system components. The validator outputs structured findings highlighting these replacement suggestions.