colour-independence
CommunityAccessible interfaces without relying on colour.
Design & Creative#design-patterns#accessible-design#ui-accessibility#color-vision-deficiency#colour-independence#non-color-encoding#greyscale-testing
Authorhulusi-tunc
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Colour is often the sole carrier of meaning in interfaces; when users have colour vision deficiency, information can be lost. This Skill ensures information is conveyed through non-color cues as well.
Core Features & Use Cases
- Design patterns that pair colour with text, shape, icons, or patterns to communicate status, success, or errors.
- Apply greyscale testing and accessible colour palettes to dashboards, forms, and maps.
- Use in any UI scenario where colour should not be the only conveyer of meaning.
Quick Start
Apply inclusive color practices in your UI draft—start by adding non-color cues like text labels and icons to communicate status.
Dependency Matrix
Required Modules
None requiredComponents
Standard packageđź’» 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: colour-independence Download link: https://github.com/hulusi-tunc/unicorn-skills/archive/main.zip#colour-independence 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.