Color Audit

Map all colors in the codebase. Find duplicates, near-duplicates, one-off values, and colors not in the token system.

dragoon0x 9f14cb3 474 B Updated

File contents

/color-audit — Color Audit

Extract every color value from CSS:

  1. List all unique hex, rgb, rgba, hsl values
  2. Group similar colors (within deltaE 5)
  3. Flag one-off values not in the design tokens
  4. Count usage frequency
  5. Identify opportunities to consolidate

Show a visual swatch grid with usage counts.

dragoon0x/optik/tree/main/source/skills/color-audit commit 9f14cb3efb

Frequently asked questions

npx skillmds@latest add dragoon0x/color-audit