Contrast Checker
This tool analyzes text for inconsistent phrasing or tone shifts, ensuring clear and unified messaging for better communication.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add contrast-checker npx -- -y @trustedskills/contrast-checker
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"contrast-checker": {
"command": "npx",
"args": [
"-y",
"@trustedskills/contrast-checker"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The contrast-checker skill analyzes text for readability and accessibility, specifically focusing on color contrast ratios. It assesses whether text colors provide sufficient contrast against their background colors to meet WCAG (Web Content Accessibility Guidelines) standards. This ensures that content is easily readable by users with visual impairments.
When to use it
- Website Audits: Evaluate the accessibility of a website's design and identify areas where color combinations need adjustment.
- Document Review: Check documents, presentations, or reports for sufficient contrast between text and background colors.
- Marketing Materials: Ensure marketing materials (e.g., brochures, social media graphics) are accessible to all audiences.
- UI/UX Design: Validate the readability of user interface elements during design phases.
Key capabilities
- Color Contrast Ratio Calculation: Determines the contrast ratio between foreground and background colors.
- WCAG Compliance Check: Verifies if color combinations meet WCAG AA or AAA standards.
- Text Analysis: Identifies text sections with insufficient contrast.
Example prompts
- "Check the color contrast of this website header: [paste HTML snippet]"
- "What is the contrast ratio between white text and a dark blue background (#000080)?"
- “Is this document accessible according to WCAG AA guidelines? [paste document content]”
Tips & gotchas
The skill requires input in the form of HTML snippets or color codes (e.g., hex codes). Ensure you provide accurate color information for reliable results.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.