Design System Guard acts as an automated UI auditor for developers working within the Lucid Labs ecosystem. By analyzing component code, screenshots, or layouts, it strictly enforces brand-specific rules for color palettes, typography roles, layout spacing, and interactive elements. It eliminates visual debt by identifying non-compliant Tailwind classes, improper status displays, and layout inconsistencies, providing a structured report with pass/fail grades and specific suggested fixes for every violation.
主な機能
01Detailed PASS/FAIL reporting across seven core design dimensions
02Consistency checks for status indicators and IntensityBar confidence displays
03Automated Tailwind CSS class validation for brand colors and typography
04Strict enforcement of the border-only layout philosophy (no shadows)
05Validation of custom interactive patterns and hover states
060 GitHub stars
