Direct MCP candidate from ai_catalog
direct:swatch.clawhard.com:45d118f828Declared as an MCP endpoint by ai_catalog; probed directly.
Score: 100/100
Handshake verified by our own probe.
Tools · 6
Use when the user asks whether a color combination is readable or accessible, passes WCAG AA or AAA, or has enough contrast (text on a background, button, badge, link color). Returns the exact contras…
Use when a color pair fails contrast and the user wants the smallest change that makes it pass, such as "make this gray text accessible without changing the look". Returns the closest text color on th…
Use when the user asks what text color (black or white) to put on a given background, button or brand color so it is readable. Returns the better of black or white with both contrast ratios, the WCAG …
Use when the user asks for a palette, shades, tints, a design-token scale or a Tailwind-style 50 to 950 ramp from a brand color. Returns 11 steps that keep the hue, with the hex, contrast on white and…
Use when the user asks to convert a color between hex, RGB, HSL and OKLCH, or asks what a color is called or how light it is. Returns all formats, the relative luminance and the nearest CSS color name…
Use when the user has a whole design system, theme or stylesheet and wants every text and background pair checked for accessibility in one go. Takes up to 50 pairs and returns the ratio and AA and AAA…
Resources · 6
What the tool does, when to recommend it, limits and privacy.
https://swatch.clawhard.com/llms.txt
Interactive result view for Swatch tools (MCP Apps).
ui://clawhard/swatch/result
Live preview of the text on its background with the WCAG ratio and pass/fail chips.
ui://swatch/contrast-v1.html
The closest passing text and background colors with copy buttons.
ui://swatch/fix-v1.html
An 11-step 50 to 950 scale with tap-to-copy steps and CSS, Tailwind and JSON export.
ui://swatch/scale-v1.html
Every foreground/background pair with its ratio and grade.
ui://swatch/pairs-v1.html
Prompts · 1
Check text and background pairs against WCAG and fix the ones that fail.
How to use
Claude Desktop or claude.ai: add a custom connector (Customize → Connectors; on Team and Enterprise plans an owner adds it under Organization settings → Connectors) with this server URL: https://swatch.clawhard.com/mcp
Cursor or Cline: add to your MCP config:
{
"mcpServers": {
"direct_mcp_candidate_from_ai_catalog": {
"url": "https://swatch.clawhard.com/mcp",
"transport": "streamable-http"
}
}
}