ContrastKit
WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.
Install
Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).
claude mcp add --transport http contrastkit 'https://contrastkit.mike-tusa.workers.dev/mcp'
{
"mcpServers": {
"contrastkit": {
"type": "http",
"url": "https://contrastkit.mike-tusa.workers.dev/mcp"
}
}
}
Frequently asked questions
What is ContrastKit?
WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.
How do I install ContrastKit?
It runs as a remote server. In Claude Code: claude mcp add --transport http contrastkit 'https://contrastkit.mike-tusa.workers.dev/mcp'. For other clients, paste the JSON configuration from this page into their MCP settings.
Does ContrastKit need an API key?
Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.
Who maintains ContrastKit?
It is published by dev.workers.mike-tusa.contrastkit. AI.tn lists it but does not maintain or endorse it.
From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.