Skip to main content
Glama

Designers

Server Details

Checks, prompts and skills for designers working with AI: contrast, a11y, heuristics, critique.

If you are the author of this connector, you can claim ownership by verifying the domain or GitHub account it belongs to. Claimed connector authors can inspect health checks, view analytics, and manage their listing.
Status
Healthy
Last Tested
Transport
Streamable HTTP · MCP 2025-06-18
URL

TDQS

Score is being calculated.

Available Tools

21 tools
audit_page_accessibilityPage accessibilityA
Read-only
Inspect

Audit one page's static HTML for accessibility problems and name the WCAG 2.2 criterion for each: missing lang or title, images without alt, unlabelled form fields, vague or empty links and buttons, heading jumps, no main landmark, zoom-blocking viewport, autoplay with sound, tabindex above zero, duplicate ids, click handlers on non-interactive elements, tiny inline targets. It reads markup only and cannot test contrast, focus order or script-built widgets.

ParametersJSON Schema
NameRequiredDescriptionDefault
urlNoPublic page to fetch
htmlNoOr paste HTML instead
compareUrlNoA second URL (for example the redesign): returns what was fixed, what is new and what remains

TDQS

A4.7/5.0
Behavior5/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

The description goes far beyond the safety hints provided in the annotations. It details the operational constraints—that it reads markup only—and lists critical capabilities it lacks (contrast, focus order, script-built widgets), giving deep behavioral context.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The definition is perfectly structured. It front-loads the comprehensive list of checks and immediately concludes with a highly dense, single sentence outlining critical limitations, maximizing informational density with zero waste.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness5/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given that no output schema is provided, the description is maximally complete by exhaustively detailing what the tool *does* check and, equally important, what it *cannot* check. This covers all necessary context for the agent to call it correctly.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so the schema adequately defines the parameters. The description does not add specific semantic meaning to the parameters (url, html, compareUrl) beyond what the well-defined schema already provides.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description is highly specific, stating the verb ('Audit'), the resource ('page's static HTML'), and the exact scope (naming the WCAG 2.2 criterion for multiple specific failures). This clearly distinguishes it from a site-level audit.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines5/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

It provides excellent usage guidance by explicitly defining the tool's boundaries and limitations. The note 'It reads markup only and cannot test contrast, focus order or script-built widgets' tells the agent exactly when this tool is inappropriate and directs it toward alternatives like 'check_contrast'.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

audit_site_accessibilitySite accessibility crawl
Read-only
Inspect

Pro. Crawl up to 15 same-origin pages from a start URL, audit each one's static HTML for WCAG 2.2 problems, and report issues by how many pages they affect so that shared-template problems come first. Returns a markdown report.

ParametersJSON Schema
NameRequiredDescriptionDefault
urlYesStart page
maxPagesNo2 to 15, default 10
build_heuristic_reportHeuristic report
Read-only
Inspect

Pro. Build a scored, exportable markdown report from heuristic evaluation findings you have written. Each finding has heuristic (1 to 10), severity (0 to 4), location, issue, effect, fix and optional effort (S, M, L) and evaluator. Merges duplicates across evaluators, computes a health score, and sorts a fix-first table.

ParametersJSON Schema
NameRequiredDescriptionDefault
taskNoThe task that was evaluated
titleNoReport title
findingsYesFindings from the evaluation
check_contrastContrast
Read-only
Inspect

Check colour contrast. Give fg and bg, or pairs (a list of {fg, bg, label, sizePx, bold}), or a palette. Returns the WCAG 2.2 ratio with AA and AAA results for the text size, APCA Lc with what it is enough for, the nearest passing colour, and for palettes the colour pairs that become indistinguishable under protanopia, deuteranopia or tritanopia. Accepts hex, rgb(), hsl() and CSS names.

ParametersJSON Schema
NameRequiredDescriptionDefault
bgNoBackground colour
fgNoForeground colour
boldNoTrue if the text is bold, which changes the large-text threshold
pairsNoSeveral pairs at once
sizePxNoText size in CSS px, default 16
paletteNoColours to test against white, black and each other under colour blindness
check_contrast_tokensToken contrast matrixA
Read-only
Inspect

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.5:1 text and 3:1 component contrast, with the nearest passing colour, and find colours that merge under colour blindness. Free up to about 30 colours; Pro takes 200. Returns a markdown report.

ParametersJSON Schema
NameRequiredDescriptionDefault
tokensYesThe token file contents

TDQS

A4.7/5.0
Behavior5/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Beyond the standard safety hints in annotations, the description provides crucial operational constraints, detailing usage limits ('Free up to about 30 colours; Pro takes 200') and the exact output format ('Returns a markdown report'). These are valuable behavioral details.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is highly dense and efficient, front-loading the core function and following immediately with the detailed process, metrics, and constraints. Every phrase contributes necessary information to the agent.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness5/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the complexity of the task (multi-criterion comparison, specific outcomes like 'nearest passing colour' and 'colors that merge under colour blindness'), the description is highly complete. It covers the input format, the testing methodology, usage constraints, and the output type without relying on an output schema.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

With 100% schema coverage, the description's role is secondary, but it still adds significant semantic value by clarifying the *nature* of the required input—specifying that 'tokens' must be in formats like 'CSS custom properties' or 'W3C design tokens,' guiding the agent on the expected content type.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The purpose is stated with extreme specificity, focusing on testing 'foreground-like token against every background-like token.' This immediately differentiates it from general contrast checks by targeting design tokens and defining the precise methodology (4.5:1 and 3:1 ratios).

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description functions as a strong guideline by explicitly defining the required input format: 'design token file (CSS custom properties... or W3C design tokens).' This tells the agent exactly when to use this specialized tool, contrasting it implicitly with general tools that might take rendered images.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

check_touch_targetsTouch targets
Read-only
Inspect

Check target sizes and spacing against WCAG 2.2 SC 2.5.8 (24 by 24 CSS px, or a smaller target with enough spacing), the 44px guidance for iOS and the web, and 48dp for Android. Pass targets as a list of {name, width, height, gap, inline} or text lines like 'Save button 40x32 gap=8'. Returns pass or fail per guideline with advice.

ParametersJSON Schema
NameRequiredDescriptionDefault
textNoOr lines like 'Close icon 32x32 gap=4'
targetsNoTargets to check
detect_design_slopAI design slop
Read-only
Inspect

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. Returns weighted signals and a 0 to 100 score. Signals, not proof.

ParametersJSON Schema
NameRequiredDescriptionDefault
urlYesPublic page to read
compareUrlNoA second URL: returns what became less or more generic
doctorDoctor
Read-only
Inspect

Diagnose setup problems. Reports what the server sees about this connection (client, whether a Pro key was received and is active, plan), checks a Figma link for the right shape (frame link with node-id, not a prototype or Community page), and matches a described symptom to fixes for: connected but nothing happens, local versus remote servers, 401 and 403, rate limits, tools or skills not triggering, and Figma selection problems. Does not use up a daily call.

ParametersJSON Schema
NameRequiredDescriptionDefault
clientNoClaude Desktop, claude.ai, Claude Code, Cursor, VS Code, Codex or ChatGPT
symptomNoWhat is going wrong, in the person's words
figmaLinkNoA Figma link to check
get_project_contextGet project context
Read-only
Inspect

Pro. List the saved project context, or read one item by name.

ParametersJSON Schema
NameRequiredDescriptionDefault
nameNoOmit to list everything saved
getting_startedGetting started
Read-only
Inspect

Explain what this server can do and suggest the three best first tasks for what the person has (a Figma link, a live URL, copy, a research plan, an event list). Use this first when the person is new or unsure what to ask for.

ParametersJSON Schema
NameRequiredDescriptionDefault
haveNoWhat they have, in their own words, e.g. 'a Figma link and some button copy'
heuristic_worksheetHeuristic reviewA
Read-only
Inspect

Build a Nielsen ten-heuristics review worksheet for a screen or flow. Give text (the copy of the flow), html or a url. Returns, for each heuristic, keyword and markup signals found or missing, review prompts, and blanks for findings and 0 to 4 severity. The signals point at where to look; a human evaluation is still required.

ParametersJSON Schema
NameRequiredDescriptionDefault
urlNoPublic page to read instead of pasted text
htmlNoPage HTML, if you have it instead of a URL
taskNoThe task the reviewer is evaluating, e.g. 'change a billing address'
textNoScreen or flow copy

TDQS

A4.7/5.0
Behavior5/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Beyond the safety hints provided by annotations, the description discloses critical operational behavior. Specifically, it defines what the tool returns (signals, prompts, severity) and, crucially, includes the behavioral constraint: 'a human evaluation is still required.'

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The definition is exceptionally dense and efficient. It front-loads the purpose and then details the mechanics (inputs, outputs, warnings) without any filler or unnecessary preamble.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness5/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Since no output schema is provided, the description fully compensates by detailing the comprehensive output structure, including 'keyword and markup signals found or missing, review prompts, and blanks for findings and 0 to 4 severity.' This makes the definition functionally complete.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Although the input schema is 100% covered, the description adds important domain context. It specifies the required format options (text, HTML, URL) and gives a concrete example of the content expected for the 'task' parameter, making the inputs more meaningful to the agent.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description is highly specific, stating the goal is to 'Build a Nielsen ten-heuristics review worksheet.' It clearly defines the output structure (signals, prompts, severity) and the resource it operates on (screen or flow).

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

It clearly guides the user on acceptable input modalities ('text', 'html', or 'url') and gives a concrete example for the 'task' parameter. While it doesn't explicitly compare itself to every sibling, its focus on Nielsen heuristics provides strong differentiation.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

lint_design_feedbackFeedback lint
Read-only
Inspect

Lint design critique. Sorts each note into observation, opinion, solution-without-problem, vague, or question, explains what is missing, and gives an observation, impact, suggestion skeleton for weak notes. Reports the share of notes ready to act on.

ParametersJSON Schema
NameRequiredDescriptionDefault
textYesOne note per line, or paragraphs
lint_design_mdDESIGN.md check
Read-only
Inspect

Score a DESIGN.md (the brand and design context file models read before building): missing sections, no hex values, text and background pairs that fail contrast, too many typefaces, adjectives a model reads as the generic look, no never-list, no sizes, too long or too thin.

ParametersJSON Schema
NameRequiredDescriptionDefault
textYesThe DESIGN.md contents
lint_research_questionsResearch questions
Read-only
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
modeNoDefault interview
textYesOne question per line
lint_token_namesToken names
Read-only
Inspect

Lint design token names from a list, CSS variables or a JSON token file: mixed separators, colours named by hue where roles belong, values or locations in names, version words, duplicate values, abbreviation drift (bg and background) and irregular scales.

ParametersJSON Schema
NameRequiredDescriptionDefault
textYesToken names or file contents
lint_tracking_planTracking plan
Read-only
Inspect

Lint a product analytics tracking plan (event names with optional properties, one per line like 'project_created (template, source)') for mixed naming styles, vague events, UI-element names, near-duplicate events, tense and order drift, and personal data in property names. With no events and a productType (saas, ecommerce, marketplace, content, mobile) it drafts a starter plan.

ParametersJSON Schema
NameRequiredDescriptionDefault
textNoEvents, one per line, or a JSON array
eventsNoOr a list of strings or {name, properties}
productTypeNoDraft a starter plan for this kind of product
plan_critiqueCritique plan
Read-only
Inspect

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.

ParametersJSON Schema
NameRequiredDescriptionDefault
goalNoWhat the design has to achieve
stageYesWhere the work is now
minutesNoSession length, 15 to 120, default 30
audienceNoWho it is for
descriptionYesA sentence or two about the design
review_ui_copyUI copy
Read-only
Inspect

Review interface copy, one string per line, optionally prefixed with a type (button:, error:, empty:, tooltip:, placeholder:, heading:, toast:, label:). Checks each string for what its type needs (errors say what to do, empty states give a next step, buttons name the outcome), checks the set for inconsistency, and runs AI-writing tells over everything.

ParametersJSON Schema
NameRequiredDescriptionDefault
textNoOne string per line, e.g. 'button: Submit' or 'error: Invalid input'
itemsNoOr a list of strings or {text, type}
save_project_contextSave project context
Read-only
Inspect

Pro. Save named project context (brand notes, a DESIGN.md, past decisions, personas) against the Pro key, up to 20 items of 50,000 characters, so later sessions and prompts can reuse it.

ParametersJSON Schema
NameRequiredDescriptionDefault
nameYese.g. design-md, brand-voice
contentYesThe text to save
usability_statsUsability numbers
Read-only
Inspect

Usability arithmetic with formulas shown. mode sus: score System Usability Scale responses (rows of ten 1-5 answers) with grade, percentile and 95% interval. mode discovery: participants needed to find a share of problems (Nielsen and Landauer). mode ab: sample size per variant for a conversion test (baseline, lift in percent, optional dailyVisitors). mode survey: responses needed for a margin of error.

ParametersJSON Schema
NameRequiredDescriptionDefault
pNodiscovery: chance a participant hits a problem, default 0.31
liftNoab: smallest relative lift to detect, percent
modeNoWhich calculator
alphaNoab: significance level, 0.1, 0.05 or 0.01
powerNoab: 0.8, 0.9 or 0.95
marginNosurvey: margin of error, e.g. 0.05
targetNodiscovery: share of problems to find, default 0.85
baselineNoab: current conversion rate, e.g. 0.05
responsesNosus: array of 10-number arrays
confidenceNosurvey: 0.9, 0.95 or 0.99
populationNosurvey: total population, for the finite-population correction
dailyVisitorsNoab: traffic per day, to estimate how long to run
whoamiPlan and limits
Read-only
Inspect

Show the caller's plan (Free or Pro) and how many calls remain today on each tool. Does not use up a daily call.

ParametersJSON Schema
NameRequiredDescriptionDefault

No parameters

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

  1. 21 tool updates
    • First observedaudit_page_accessibility
    • First observedaudit_site_accessibility
    • First observedbuild_heuristic_report
    • First observedcheck_contrast
    • First observedcheck_contrast_tokens
    • First observedcheck_touch_targets
    • First observeddetect_design_slop
    • First observeddoctor
    • First observedget_project_context
    • First observedgetting_started
    • First observedheuristic_worksheet
    • First observedlint_design_feedback
    • First observedlint_design_md
    • First observedlint_research_questions
    • First observedlint_token_names
    • First observedlint_tracking_plan
    • First observedplan_critique
    • First observedreview_ui_copy
    • First observedsave_project_context
    • First observedusability_stats
    • First observedwhoami

Related MCP Connectors

Related MCP Servers

  • A
    license
    A
    quality
    C
    maintenance
    Enables AI assistants to work with color: converting between formats like HEX, OKLCH and Display P3, checking and fixing WCAG 2 and APCA contrast, auditing palettes for accessibility and color blindness, and generating palettes, gradients, scales and design tokens.
    18
    MIT
  • A
    license
    Not graded
    quality
    A
    maintenance
    Enables AI coding assistants to generate bespoke design systems by synthesizing OKLCH color palettes, chamfer highlights and spring physics, teaching layout composition grammar, and returning micro-interaction primitives and component blueprints. Also audits JSX/TSX/HTML through a senior design director's lens to score and critique UI quality.
    21 npm
    1
    MIT
Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.

Resources