Skills
.Work. You
Rest

color-contrast-auditor

Official

Ensure accessible color contrast.

Design & Creative#design#accessibility#a11y#wcag#contrast#color
Authorcuriositech
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill identifies and fixes color contrast violations in designs and code, ensuring text is readable and meets WCAG accessibility standards.

Core Features & Use Cases

  • WCAG Compliance: Audits color combinations against WCAG 2.1 guidelines (AA and AAA).
  • Automated Fixes: Suggests accessible alternative color values.
  • Color Blindness Simulation: Helps identify issues for users with various forms of color vision deficiency.
  • Use Case: Upload a screenshot of a website or provide CSS code, and the Skill will report any contrast issues and offer specific hex codes to resolve them.

Quick Start

Use the color-contrast-auditor skill to check the contrast of the text color #FF0000 on a background color #FFFFFF.

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-contrast-auditor
Download link: https://github.com/curiositech/some_claude_skills/archive/main.zip#color-contrast-auditor

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 223,000+ vetted skills library on demand.