design-system

To audit your codebase for UI consistency, this Skill scans your CSS and component patterns to score visual quality across 10 dimensions. It provides specific examples and actionable fixes to improve your design system.

You can generate a design system by running a command like 'design-system generate --style minimal --palette earth-tones'. The Skill automatically scans your project codebase and proposes a cohesive system based on existing patterns and competitor research.

AI slop detection identifies generic AI-generated design patterns in your UI that may undermine visual consistency. It flags these patterns during a visual audit to help maintain the integrity of your design system.

Yes, this Skill requires access to your project codebase and UI assets to perform both new system generation and existing system auditing. Access to these components is necessary for accurate CSS scanning and visual scoring.

The best way to score UI quality is using automated visual auditing across 10 distinct dimensions. This process evaluates visual consistency and provides specific examples alongside targeted fixes to resolve identified issues.

Yes, competitor analysis is included to inform both the generation of new design systems and the auditing of existing ones. It helps propose cohesive patterns by researching external design approaches alongside your codebase.