MCP Server providing UX/UI design guidelines, principles, patterns, and resources for building consistent user interfaces
Config is the same across clients — only the file and path differ.
{
"mcpServers": {
"monochrome-design": {
"args": [
"run",
"--project",
"/path/to/uno-design-mcp-server/src/UnoDesignMcpServer"
],
"command": "dotnet"
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
An opinionated MCP server for black/white/grayscale UI design with efficiency-first principles.
No automated test available for this server. Check the GitHub README for setup instructions.
Five weighted categories — click any category to see the underlying evidence.
No known CVEs.
No package registry to scan.
Click any tool to inspect its schema.
Be the first to review
Have you used this server?
Share your experience — it helps other developers decide.
Sign in to write a review.
Others in design
MCP server for accessing Figma plugin console logs and screenshots via Cloudflare Workers or local mode
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.
AI image generation and editing with prompt optimization and quality presets. Powered by Nano Banana
Coinbase Design System - MCP Server
MCP Security Weekly
Get CVE alerts and security updates for Uno Design Mcp Server and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
An opinionated MCP server for black/white/grayscale UI design with efficiency-first principles.
No color choices. No design options. One system. Maximum efficiency.
"Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away."
This MCP server enforces a strict monochrome design system:
| Tool | Purpose |
|---|---|
efficiency_principles | Click budgets, lean design manifesto |
ux_laws | Hick's, Fitts's, Miller's, Doherty Threshold |
cognitive_load | Progressive disclosure, chunking strategies |
monochrome_system | The grayscale palette and manifesto |
contrast_system | WCAG AAA contrast rules, text hierarchy |
shape_language | Form-based hierarchy, borders, shadows |
responsive_system | Breakpoints, touch targets |
layout_patterns | Navigation, grids, spacing |
typography_system | Type scale, weight-based hierarchy |
component_guidelines | Buttons, inputs, cards in grayscale |
All tools auto-trigger based on context. No manual invocation needed.
Add to your claude_desktop_config.json:
{
"mcpServers": {
"monochrome-design": {
"command": "dotnet",
"args": ["run", "--project", "/path/to/uno-design-mcp-server/src/UnoDesignMcpServer"]
}
}
}
cd src/UnoDesignMcpServer
dotnet build
dotnet run
WHITE #FFFFFF Primary backgrounds
Gray-50 #FAFAFA Subtle backgrounds
Gray-100 #F5F5F5 Card surfaces
Gray-200 #EEEEEE Borders, dividers
Gray-300 #E0E0E0 Disabled backgrounds
Gray-400 #BDBDBD Placeholder text
Gray-500 #9E9E9E Secondary text
Gray-600 #757575 Icons
Gray-700 #616161 Body text
Gray-800 #424242 Headlines
Gray-900 #212121 Primary text
BLACK #000000 Maximum contrast
uno-design-mcp-server/
├── src/UnoDesignMcpServer/ # C# MCP Server
│ ├── Program.cs
│ ├── Tools/
│ │ └── DesignGuidelinesTools.cs
│ └── Services/
│ └── ContentLoaderService.cs
├── docs/
│ ├── philosophy/ # Efficiency + Monochrome manifesto
│ ├── monochrome/ # Contrast, shape language
│ ├── laws/ # UX laws
│ ├── cognitive/ # Load reduction
│ ├── responsive/ # Breakpoints, touch targets
│ ├── patterns/ # Layout patterns
│ └── components/ # Component guidelines
└── resources/
├── monochrome/ # Grayscale palette
└── typography/ # Type system
MIT