Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From adaptive-interfaces
Prompts you to add non-colour encoding (text, icons, patterns) to UI elements so colour vision deficient users get the same information.
npx claudepluginhub owl-listener/inclusive-design-skills --plugin adaptive-interfacesHow this skill is triggered — by the user, by Claude, or both
Slash command
/adaptive-interfaces:colour-independenceThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Design so that every piece of information conveyed by colour is also
Designs colorblind-safe palettes, audits UI for WCAG 2.1 SC 1.4.1 compliance, and selects redundant encodings so color never carries information alone.
Ensures text and UI components meet WCAG contrast ratios (AA/AAA) and avoids color-only information conveyance.
Builds accessible color systems with palettes, semantic mappings, tonal scales, and contrast checks for UI components in digital products.
Share bugs, ideas, or general feedback.
Design so that every piece of information conveyed by colour is also conveyed by something else — shape, text, pattern, position, or icon. 8% of men and 0.5% of women have colour vision deficiency. That's roughly 1 in 12 of your male users.
Colour can enhance meaning. Colour must never be the only carrier of meaning.
Every colour meaning gets a second encoding:
Quick check: convert your interface to greyscale.
If any answer is no, colour is carrying meaning alone.