Design Constraint Validator runs on your own machine — the client starts it, so there is no endpoint to ping. 88 installs a week from npm. Last commit 14 Jun 2026.
Validate design tokens for accessibility, scales, and design-system constraint consistency.
What the code does
We read the source, 5 d ago · rules 995398eba69f
What this server is able to do. For an MCP server this is often the job itself — a terminal server runs commands because that is what it is for. Listed so you know what you are plugging in, not as an accusation.
этот файл ставится пользователю, но в репозитории его нет
const res = spawnSync(mmdc, args, { stdio: "inherit" });
const full = path.join(p, name);
Is this your server and something here is wrong? Tell us — corrections are free and do not require a plan.
This code can reach further than it looks
We found places where it runs commands, builds paths or queries from values it is given. None of that is a flaw by itself — it becomes one when the code changes, and code changes quietly between releases. We re-read it on every one.
Connect this server
This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.
claude mcp add design-constraint-validator -- npx -y design-constraint-validator{
"mcpServers": {
"design-constraint-validator": {
"command": "npx",
"args": [
"-y",
"design-constraint-validator"
]
}
}
}[mcp_servers.design-constraint-validator]
command = "npx"
args = ["-y", "design-constraint-validator"]{
"mcpServers": {
"design-constraint-validator": {
"command": "npx",
"args": [
"-y",
"design-constraint-validator"
]
}
}
}{
"servers": {
"design-constraint-validator": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"design-constraint-validator"
]
}
}
}Alternatives to Design Constraint Validator
same job, measured the same wayMCP server for web inspection, design system extraction, and accessibility audits
UAE Design System (AEGOV DLS) for AI assistants: components, tokens, validation. Not TDRA-official.
Mozaic Design System (ADEO): tokens, components, icons, docs and style guides for any agent.
Design token tools for Google Stitch: convert, validate, diff, lint, generate, and export.
Orvain UI design system for React and Vue: real component props, variants and tokens for AI tools
Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
Resolves Tailwind CSS design tokens and validates utility classes against the local project config.
Automated design system token generator and export utility.
Design Constraint Validator — questions
Answers built from our own checks of this server.