color
CommunityChoose accessible, meaningful UI colors.
Design & Creative#data visualization#dark mode#color system#ui accessibility#wcag contrast#status semantics#palette audit
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Color decisions often drift into inconsistent semantics, unreadable contrast, and noisy palettes that fail accessibility, especially when requirements like WCAG contrast or dark mode are in scope.
Core Features & Use Cases
- Attention, grouping, meaning, and aesthetics: ensures every color earns its role rather than acting as decoration.
- Color system discipline: builds restrained palettes with neutrals, a brand primary, and consistent semantic colors for success, warning, and error.
- Accessibility-first color guidance: applies WCAG contrast targets and confirms color is never the only signal (pairing with text/icons/patterns).
- Context-aware semantics: helps audit assumptions about color symbolism across global audiences where meanings vary by culture.
Quick Start
Use the color skill to audit a UI palette for contrast, dark-mode behavior, and whether each status meaning (success/warning/error) is conveyed with non-color signals as well.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: color Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#color Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.