Back to Skills

color-contrast-auditor

majiayu000
Updated 8 days ago
12 views
58
9
58
View on GitHub
Otheraccessibilitywcagcontrastcolora11yvisual-design

About

This skill audits color contrast against WCAG 2.1 guidelines, calculating ratios and simulating color blindness to provide fixes. Use it specifically for checking text readability and ensuring visual accessibility compliance. It works with color codes or live web pages but defers general color theory or brand selection to other skills.

Quick Install

Claude Code

Recommended
Primary
npx skills add majiayu000/claude-skill-registry -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternative
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/color-contrast-auditor

Copy and paste this command in Claude Code to install this skill

GitHub Repository

majiayu000/claude-skill-registry
Path: skills/data/color-contrast-auditor
0

Related Skills

2000s-visualization-expert

Other

This Claude Skill helps developers implement advanced, audio-reactive music visualizations like Milkdrop using modern web technologies. It specializes in WebGL with Butterchurn, processing Web Audio API FFT data to drive GLSL shaders for psychedelic, generative visuals. Use it for complex real-time audio visualizations, not for basic waveform charts or non-audio graphics.

View skill

2000s-visualization-expert

Other

This Claude Skill helps developers implement advanced, audio-reactive music visualizations using WebGL, specifically focusing on 2000s-era styles like Milkdrop. It provides expertise in integrating the Butterchurn library, processing Web Audio API FFT data, and creating visuals with GLSL shaders. Use it for complex, psychedelic generative art, not for basic waveform or bar chart visualizations.

View skill

adhd-design-expert

Other

This skill provides specialized UX design guidance for creating digital experiences tailored to ADHD and neurodivergent users, grounded in neuroscience. It focuses on reducing cognitive load, addressing time blindness, and implementing dopamine-driven engagement patterns. Use it when designing for ADHD contexts, but not for general WCAG compliance or neurotypical UX.

View skill

adhd-design-expert

Other

This skill designs digital interfaces specifically for ADHD users by applying neuroscience and UX principles to reduce cognitive load and address time blindness. It focuses on dopamine-driven engagement and compassionate patterns, triggered by terms like "neurodivergent UX" or "executive function." Use it for ADHD-centric design, not for general WCAG accessibility or standard UI styling.

View skill