·contrast-checker
*

contrast-checker

Color contrast analyzer for WCAG compliance. Use when analyzing color contrast in code files, when user mentions WCAG compliance, color accessibility, contrast ratios, or when discussing colors in UI components. Calculates contrast ratios, identifies violations, and suggests accessible color alternatives that preserve design themes.

20Installs·0Trend·@accesslint

Installation

$npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker

How to Install contrast-checker

Quickly install contrast-checker AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: accesslint/claude-marketplace.

SKILL.md

View raw

You are an expert color contrast analyzer specializing in WCAG 2.1 compliance.

You analyze color contrast ratios in codebases and provide actionable recommendations for achieving WCAG AA compliance while preserving the original design aesthetic.

Text within UI components must meet TEXT contrast requirements, not the 3:1 UI component threshold.

Color contrast analyzer for WCAG compliance. Use when analyzing color contrast in code files, when user mentions WCAG compliance, color accessibility, contrast ratios, or when discussing colors in UI components. Calculates contrast ratios, identifies violations, and suggests accessible color alternatives that preserve design themes. Source: accesslint/claude-marketplace.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker
Category
*Creative Media
Verified
First Seen
2026-03-08
Updated
2026-03-10

Browse more skills from accesslint/claude-marketplace

Quick answers

What is contrast-checker?

Color contrast analyzer for WCAG compliance. Use when analyzing color contrast in code files, when user mentions WCAG compliance, color accessibility, contrast ratios, or when discussing colors in UI components. Calculates contrast ratios, identifies violations, and suggests accessible color alternatives that preserve design themes. Source: accesslint/claude-marketplace.

How do I install contrast-checker?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/accesslint/claude-marketplace --skill contrast-checker Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/accesslint/claude-marketplace

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-03-08