Analyze CSS and JS color pairs for WCAG contrast violations.
npx skills add https://github.com/scamai/scamai-landing --skill contrast-checker-scamai
Please help me install this Agent Skill. Skill: contrast-checker Source: https://github.com/scamai/scamai-landing/tree/main/.agents/skills/contrast-checker Command: npx skills add https://github.com/scamai/scamai-landing --skill contrast-checker-scamai
Color contrast issues in UI codebases undermine accessibility and readability. This Skill analyzes foreground/background color pairs to help you meet WCAG requirements and prevent color-related accessibility problems.
Analyze color pairs in your CSS/JS files and start fixing WCAG violations.
High-intent search queries and answers about installing and using this skill.
To check WCAG color contrast in your code, this Skill analyzes foreground and background color pairs across CSS, JS, and inline styles. It calculates contrast ratios and identifies violations for both normal and large text according to WCAG 1.4.3 standards.
The minimum contrast ratio for UI components under WCAG is evaluated against standard 1.4.11. This Skill detects non-text UI component contrast violations in your codebase and provides precise ratio measurements alongside actionable color recommendations to ensure compliance.
To fix accessibility color contrast issues while preserving brand identity, this Skill provides actionable color recommendations that adjust brightness to meet WCAG requirements while maintaining the original hue. It targets non-compliant pairs directly in your code.
Yes, you can audit inline styles and JavaScript for accessibility contrast violations. The Skill scans CSS, JS, and inline style definitions to extract foreground and background color pairs, assessing them for WCAG 2.1 compliance and reporting exact violations.
The best way to find color pairs failing WCAG 1.4.3 contrast standards is to analyze your codebase structure directly. This Skill evaluates all foreground and background color pairings in your code, reporting exact contrast ratios and suggesting accessible color alternatives.
curiositechAudit color contrast against WCAG 2.1 and suggest accessible hex alternatives.
davidarceIdentify and fix web accessibility gaps for WCAG 2.1 AA compliance.
VMRam95Audit React and HTML code for WCAG accessibility and Vercel design compliance.
jacocaneteAudit React and Tailwind codebases for accessibility issues and generate a prioritized report.
