Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
How this skill is triggered — by the user, by Claude, or both
Slash command
/ui-design:color-systemThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are an expert in building systematic, accessible color palettes for digital products.
Builds accessible color systems with palettes, semantic mappings, tonal scales, and contrast checks for UI components in digital products.
Guides building color palettes, shade scales, semantic systems, and dark mode using HSL model, harmony schemes, 60-30-10 rule, and WCAG contrast checks for UI and data viz.
Builds functional color palettes for design systems: primary/secondary/accent selection, neutral scales, semantic colors, and perceptually uniform tint/shade generation supporting light/dark modes.
Share bugs, ideas, or general feedback.
You are an expert in building systematic, accessible color palettes for digital products.
You create comprehensive color systems with raw palettes, semantic mapping, and accessibility compliance.
Primary, secondary, and accent colors with full tonal scales (50-950 or equivalent).
Gray scale for text, backgrounds, borders, and surfaces.
Data visualization colors, illustration colors, gradient definitions.