Color Audit

Color-only audit that extracts, evaluates, and recommends improvements for the project's color system. Use when the user asks to audit colors, run a color review or color audit, fix their colors, or work on the color palette or color system.

aboudjem 8f7ffc1 1.0 KB Updated

File contents

/color-audit: Color System Audit

Focused audit of the project's color system.

Flow

  1. Extract all colors with uiux_extract_colors
  2. Map color roles (primary, secondary, neutral, semantic, surface, text)
  3. Check contrast ratios for all foreground/background pairs with uiux_check_contrast
  4. Evaluate harmony, consistency, coverage, dark mode
  5. Generate improved color system with uiux_generate_palette
  6. Output light + dark mode palettes with token values

Output

  • Current color inventory (unique colors, near-duplicates, CSS variables)
  • Contrast audit (WCAG + APCA for all pairs)
  • Harmony analysis
  • Semantic role coverage
  • Recommended complete color system (CSS vars or Tailwind config)
  • Light + dark mode palettes

aboudjem/ui-ux-suite/tree/main/skills/color-audit commit 8f7ffc1539

Frequently asked questions

npx skillmds@latest add aboudjem/color-audit