Help us improve
Share bugs, ideas, or general feedback.
From color-contrast
Scans CSS, SCSS, and styled-components for WCAG color contrast ratios on text/UI elements, generates pass/fail report with stats and worst offenders.
npx claudepluginhub rohitg00/awesome-claude-code-toolkit --plugin color-contrastHow this command is triggered — by the user, by Claude, or both
Slash command
/color-contrast:check-contrastThe summary Claude sees in its command listing — used to decide when to auto-load this command
# /check-contrast - Check Color Contrast Check color contrast ratios against WCAG accessibility requirements. ## Steps 1. Scan CSS, SCSS, and styled-components for all text color and background color pairs 2. Resolve CSS custom properties and theme variables to actual color values 3. Calculate the luminance contrast ratio for each foreground/background pair 4. Check against WCAG 2.1 requirements: 4.5:1 for normal text, 3:1 for large text (18px+ or 14px+ bold) 5. Check non-text contrast for UI components and graphical objects: 3:1 ratio 6. Identify text on images or gradients that may hav...
/contrastInvokes contrast-master agent to check color contrast ratios, fix failures, and review themes.
/audit-designAudit existing HTML/CSS design quality. Checks WCAG contrast, font compliance, OKLCH tokens, state coverage, anti-AI-slop. No generation — validation only.
/auditAudits UI codebase for design style consistency, hardcoded design tokens (colors, spacing), accessibility (color contrast), and best practices across file, directory, or project scopes.
/accessibility-auditAudits UI code for WCAG 2.1/2.2 compliance at A/AA/AAA level, identifies issues across perceivable/operable/etc. criteria, and provides remediation. Accepts file/component path or prompts for target.
/reviewReviews HTML file for design anti-patterns, principles violations, and accessibility issues. Generates markdown report with status tables and recommendations.
/accessibility-auditAudits an HTML file for WCAG AA compliance: contrast ratios, keyboard navigation, semantic HTML, ARIA usage, touch targets, and label associations.
Share bugs, ideas, or general feedback.
Check color contrast ratios against WCAG accessibility requirements.