What problem does it solve? Codebases often accumulate inconsistent colors, arbitrary spacing, and generic AI-generated styling with no cohesive design system, making UIs look unpolished and hard to maintain. ## Core Features & Use Cases - Design System Generation: Scans CSS, Tailwind, and styled-components to extract colors, typography, spacing, and shadows, then produces design-tokens.json, DESIGN.md, and an interactive HTML preview. - Visual Audit: Scores a UI across 10 dimensions including color consistency, typography hierarchy, spacing rhythm, dark mode, accessibility, and polish, with fixes citing exact file:line locations. - AI Slop Detection: Flags generic AI-generated patterns like gratuitous gradients, purple-to-blue defaults, and purposeless glass morphism. - Use Case: Before a redesign, run an audit against your local dev server to get a scored report of visual inconsistencies, then generate a token set to standardize styling across the app. ## Quick Start Ask the AI to audit the visual consistency of your app running at localhost:3000 and generate a design token set from the findings.
