UX
MCP server providing 28 UX knowledge resources, 23 analysis tools & 4 workflow prompts. Works with Claude, Cursor, Continue.dev, Cline, Zed & any MCP client. WCAG, Nielsen heuristics, design systems, e-commerce, PWA, AI/ML & more.
What is UX?
UX is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to mcp server providing 28 ux knowledge resources, 23 analysis tools & 4 workflow prompts. works with claude, cursor, continue.dev, cline, zed & any mcp client. wcag, nielsen heuristics, design systems, ...
MCP server providing 28 UX knowledge resources, 23 analysis tools & 4 workflow prompts. Works with Claude, Cursor, Continue.dev, Cline, Zed & any MCP client. WCAG, Nielsen heuristics, design systems, e-commerce, PWA, AI/ML & more.
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- MCP server providing 28 UX knowledge resources, 23 analysis
Use Cases
Maintainer
Works with
Installation
NPM
npx -y @elsahafy/ux-mcp-serverManual Installation
npx -y @elsahafy/ux-mcp-serverConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use UX
The UX MCP Server provides AI assistants with 28 curated UX knowledge resources and 23 specialized analysis tools covering accessibility (WCAG), Nielsen's usability heuristics, design systems, e-commerce patterns, PWA best practices, AI/ML UX, and more. It works with Claude, Cursor, Continue.dev, Cline, Zed, and any MCP-compatible client, making it easy to get expert UX guidance, check color contrast ratios, analyze components for performance issues, and generate accessible UI patterns during development. Designers and frontend developers use it to embed UX best practices directly into their AI-assisted workflows without leaving their editor.
Prerequisites
- Node.js 16+ installed
- An MCP-compatible client (Claude Desktop, Cursor, Continue.dev, Cline, Zed, or any MCP client)
- No API keys or external accounts required — all knowledge is built-in
Install the UX MCP server
Install the package globally via npm or run it directly with npx. No API keys or configuration files are needed.
npm install -g @elsahafy/ux-mcp-server
# or run directly without installing:
npx @elsahafy/ux-mcp-serverAdd to Claude Desktop configuration
Edit your Claude Desktop MCP configuration file to register the ux-mcp-server.
Configure for Cursor IDE
Add the server to ~/.cursor/mcp.json for Cursor IDE integration.
Verify the connection
Restart your MCP client and confirm the ux-best-practices server appears in the connected servers list. Ask it a simple UX question to verify tools are available.
UX Examples
Client configuration
Claude Desktop and Cursor IDE configuration for the UX MCP server. The same pattern works for Continue.dev and Zed.
{
"mcpServers": {
"ux-best-practices": {
"command": "npx",
"args": ["-y", "@elsahafy/ux-mcp-server"]
}
}
}Prompts to try
Example prompts using the 23 analysis tools and 28 knowledge resources.
- "Check if #3b82f6 on #ffffff meets WCAG AA contrast requirements"
- "What form pattern works best for a multi-step checkout flow?"
- "Generate accessible modal dialog code following ARIA best practices"
- "Show me Nielsen's 10 usability heuristics"
- "Analyze this component design for performance issues"
- "What are the best practices for AI/ML UX in a dashboard?"
- "Detect any dark patterns in this signup flow description"Troubleshooting UX
The npx command fails with a package not found error
Run 'npm cache clean --force' and retry. If the issue persists, install globally first with 'npm install -g @elsahafy/ux-mcp-server' and update the command in your MCP config to 'ux-mcp-server' instead of npx.
The server appears in the client but UX tools are not invoked
Make sure you are asking questions that clearly relate to UX analysis. The server exposes tools like check_contrast, recommend_form_pattern, and analyze_performance — phrase requests as actions (e.g., 'check...', 'analyze...', 'generate...') to trigger the right tool.
Configuration does not work in Cursor or Continue.dev
Each client has a slightly different config file location: Cursor uses ~/.cursor/mcp.json, Continue.dev uses ~/.continue/config.json, and Zed uses ~/.config/zed/settings.json. Verify you edited the correct file and that the JSON is valid (no trailing commas).
Frequently Asked Questions about UX
What is UX?
UX is a Model Context Protocol (MCP) server that mcp server providing 28 ux knowledge resources, 23 analysis tools & 4 workflow prompts. works with claude, cursor, continue.dev, cline, zed & any mcp client. wcag, nielsen heuristics, design systems, e-commerce, pwa, ai/ml & more. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install UX?
Install via npm with the command: npx -y @elsahafy/ux-mcp-server. Then add the server configuration to your AI client's JSON config file (e.g., claude_desktop_config.json or .cursor/mcp.json).
Which AI clients work with UX?
UX works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is UX free to use?
Yes, UX is open source and available under the MIT license. You can use it freely in both personal and commercial projects.
UX Alternatives — Similar Developer Tools Servers
Looking for alternatives to UX? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.
Ecc
★ 188.2kThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Javaguide
★ 155.8kJava 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Gemini CLI
★ 104.5kA secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in
Awesome MCP Servers
★ 87.3k⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.
MCP Servers
★ 86.0kModel Context Protocol Servers
CC Switch
★ 77.5kA cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
Browse More Developer Tools MCP Servers
Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up UX in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use UX?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.