opendesignguard-mcp — Claude Code MCP server for design checks
This hosted server checks a project against a design system, explains gaps, and suggests fixes. Production requests need a paid plan and access token.
claude mcp add --transport http opendesignguard-mcp https://opendesignguard.clauxel.com/mcpWhat opendesignguard-mcp does
opendesignguard-mcp gives an AI agent tools to inspect design-system compliance, describe mismatches, and recommend changes. It can also create a design receipt and export an audit, giving reviewers evidence of the checks. Use it when you need a record alongside the review.
The service runs remotely and connects through Streamable HTTP. Production calls require a bearer token obtained after selecting a plan and creating or requesting an API token. Without that token, production requests will not run. The public repository contains documentation for the hosted service, not its production implementation.
What it helps with
- check a project against its design system
- explain a mismatch between an interface and design rules
- get a proposed fix for a design issue
- create a review receipt and export an audit
Example prompts for the agent
- Check this project against our design system and explain any mismatches.
- Suggest a fix for the design issue you found.
- Create a design receipt and export the audit for review.
How to install opendesignguard-mcp
Platform CLI: remote server
claude mcp add --transport http opendesignguard-mcp https://opendesignguard.clauxel.com/mcpPlatform CLI: remote server
codex mcp add opendesignguard-mcp --url https://opendesignguard.clauxel.com/mcpConfig file
{
"mcpServers": {
"opendesignguard-mcp": {
"url": "https://opendesignguard.clauxel.com/mcp"
}
}
}Config file
{
"servers": {
"opendesignguard-mcp": {
"type": "http",
"url": "https://opendesignguard.clauxel.com/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http opendesignguard-mcp https://opendesignguard.clauxel.com/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about opendesignguard-mcp
How do I install opendesignguard-mcp in Claude Code?
Run claude mcp add --transport http opendesignguard-mcp https://opendesignguard.clauxel.com/mcp. Production requests also need a bearer token.
What does opendesignguard-mcp do?
It checks design-system compliance, explains gaps, and recommends fixes. It can also issue design receipts and export an audit.
What is required to use opendesignguard-mcp?
It is a paid hosted MCP service. Production calls need a bearer token, and the client must support remote Streamable HTTP servers.
