INDIVIDUAL MCP TOOL

check_contrast_tokens

Take a design token file (CSS custom properties like --color-text: #111;, a JSON object of colours, or W3C design tokens) and test every foreground-like token against every background-like token for 4.

allthepossibles.comnone authenticationAvailability not checked

LIVE ENDPOINT

https://designers.allthepossibles.com/mcp

No auth detected

Connect to this endpoint to inspect the live schema for check_contrast_tokens and invoke it with your own arguments.

Indexed input schema

{}

Risk classification

Inferred read-only · medium confidence · heuristic, not a guarantee.

A tool name, description or schema mentions credentials.

Parent server

allthepossibles.com

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.designers]
url = "https://designers.allthepossibles.com/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "designers": {
      "type": "http",
      "url": "https://designers.allthepossibles.com/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: designers
Remote MCP URL: https://designers.allthepossibles.com/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "designers": {
      "url": "https://designers.allthepossibles.com/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "designers": {
      "type": "http",
      "url": "https://designers.allthepossibles.com/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "designers",
  "transport": "streamable-http",
  "url": "https://designers.allthepossibles.com/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

Related tools

check_contrast — Check colour contrast.
audit_page_accessibility — Audit one page's static HTML for accessibility problems and name the WCAG 2.
heuristic_worksheet — Build a Nielsen ten-heuristics review worksheet for a screen or flow.
detect_design_slop — Look for the default AI-generated design look in a live page's markup and CSS: purple-to-blue gradients, gradient text, a default font stack, pill buttons with arrows, uppercase eyebrow labels, emoji headings, glassmorphism, glow blobs, equal card grids, stock marketing phrases and placeholder copy.
review_ui_copy — Review interface copy, one string per line, optionally prefixed with a type (button:, error:, empty:, tooltip:, placeholder:, heading:, toast:, label:).
lint_design_feedback — Lint design critique.
plan_critique — Plan a design critique for a stage (concept, wireframe, visual, prototype, build, shipped): a framing statement, timed agenda, the questions that fit the stage, roles, and the kinds of feedback to turn away until a later stage.
lint_research_questions — Lint user research questions, one per line, for leading wording, double-barrelled questions, hypotheticals, predictions, loaded words, jargon, closed questions in an open interview, why-questions and unlabelled rating scales, with a suggested rewrite for each problem.