Agent Skills: color-system

Build or repair a color system: full brand and neutral ramps, semantic color tokens, contrast-verified pairings, dark mode, and status colors — delivered as a tokens file (CSS variables / Tailwind theme) with every text pairing's contrast ratio computed. Use when the user says 'the colors look off', 'colors clash', 'add dark mode', 'is this accessible', 'pick a palette', 'too many blues in the codebase', 'make it match our brand', or when contrast failures are found. Extracts the de facto palette from the code first, consolidates drift into ramps, chooses harmony deliberately, and verifies WCAG AA on every shipped pair in both modes.

UncategorizedID: sanky369/vibe-building-skills/color-system

Install this agent skill to your local

pnpm dlx add-skill https://github.com/sanky369/vibe-building-skills/color-system

Skill Files

Browse the full folder contents for color-system.

Download Skill

Loading file tree…

Select a file to preview its contents.