Stats
Actions
Tags
From ui-design
Builds accessible color systems with palettes, semantic mappings, tonal scales, and contrast checks for UI components in digital products.
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.
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.
npx claudepluginhub sethdford/claude-skills --plugin designer-ui-designBuilds accessible color systems with palettes, semantic mappings, tonal scales, and contrast checks for UI components in digital products.
Builds a structured palette with semantic roles, accessible contrast ratios, and usage rules for light/dark modes. Includes tonal scales, verification, and token export.
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.