color

Community

Choose accessible, meaningful UI colors.

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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.