Ux MCP Server

Model Context Protocol (MCP) server that provides comprehensive UX best practices covering the complete UX ecosystem: accessibility guidelines (WCAG), usability heuristics (Nielsen), UI patterns, design systems, performance optimization, SEO, internationalization, animation, framework patterns (React/Vue/Angular), e-commerce, testing, PWA, ethical design, SaaS, analytics, voice UI, AR/VR, AI/ML patterns, healthcare…. Its 23 documented tools cover suggest, generate, analyze, check.

People connecting design tools to Claude, Cursor, VS Code, or another MCP client. The project is written in JavaScript.

VERIFIED ACTIVE

LAST COMMIT 2026-04-01 · ★ 26 · #50 OF 74 MAINTAINED DESIGN · VERIFIED 2026-08-25

MIT · JavaScript servers · how we verify → /methodology

01 · Install Ux MCP Server

Claude Code

claude mcp add elsahafy-ux-mcp-server -- npx -y @elsahafy/ux-mcp-server

Claude Desktop / Cursor / VS Code - add to config

{
  "mcpServers": {
    "elsahafy-ux-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "@elsahafy/ux-mcp-server"
      ]
    }
  }
}

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

license MIT - declared in the repository

npm package @elsahafy/ux-mcp-server - published under the repo owner's npm scope (@elsahafy)

registry namespace io.github.elsahafy is GitHub-verified and matches the repo owner

03 · What Ux MCP Server can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

What you can build

With this server connected, an agent can check code for WCAG violations, evaluate against Nielsen's heuristics, find appropriate UI patterns for use cases, and create accessible HTML/CSS examples.

Capability map

Tools grouped from the project's README - what Ux MCP Server lets an agent do.

Suggest

7 tools - e.g. Find appropriate UI patterns for use cases; Get user-friendly error messages; Recommend animations for UI interactions

suggest_pattern · suggest_error_message · suggest_animation · suggest_microcopy · suggest_data_visualization · suggest_ab_variant…

Generate

5 tools - e.g. Create accessible HTML/CSS examples; Create accessible color palettes from base colors; Generate type scales with modular ratios

generate_component_example · generate_color_palette · generate_typography_scale · generate_accessibility_report · generate_wireframe

Analyze

3 tools - e.g. Check code for WCAG violations; Check code for performance issues & Core Web Vitals; Evaluate navigation and IA structure

analyze_accessibility · analyze_performance · analyze_information_architecture

Check

3 tools - e.g. Verify WCAG color contrast ratios; Analyze mobile-first and responsive design; Analyze HTML for SEO best practices

check_contrast · check_responsive · check_seo

Review

1 tool - e.g. Evaluate against Nielsen's heuristics

review_usability

Audit

1 tool - e.g. Review design token structure

audit_design_system

Recommend

1 tool - e.g. Find optimal form layouts and validation patterns

recommend_form_pattern

Detect

1 tool - e.g. Identify deceptive UI practices

detect_dark_patterns

Latest releases

v5.0.0 · 2026-04-01

What's New in v5.0.0 · Security Hardening (AgentSeal Score: 85 → targeting higher) · Renamed code parameter to content in 4 analysis tools - resolves command injection flags · Renamed URL parameters to non-fetchable…

04 · Who maintains Ux MCP Server

ux-mcp-server is maintained by elsahafy. It's the only MCP server we track from this author; the repo dates to Jan 2026.

05 · Facts

repository: github.com/elsahafy/ux-mcp-server
category: design - ranked #50 of 74 actively-maintained design servers as of 2026-08-25.
registry: io.github.elsahafy/ux-mcp-server (active, first published 2026-01-24)
packages: npm:@elsahafy/ux-mcp-server

06 · Ux MCP Server FAQ

Is Ux MCP Server still maintained?

Yes - as of 2026-08-25, its last commit was 2026-04-01. We re-verify nightly.

What can Ux MCP Server do?

With this server connected, an agent can check code for WCAG violations, evaluate against Nielsen's heuristics, find appropriate UI patterns for use cases, and create accessible HTML/CSS examples.

How do I install Ux MCP Server?

Run `npx -y @elsahafy/ux-mcp-server`. You can also paste the ready-made client config above.

Does Ux MCP Server run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to Ux MCP Server

Alternatives to Ux MCP Server

Maintained design servers if Ux MCP Server isn't the fit.

More design MCP servers · Blender Optics Simulator · Design System Extractor · useVyre Context · SCORM Packager (HTML → SCORM 2004)

More JavaScript MCP servers · Analytics · Cernion Energy Tools MCP · Metabase AI Assistant · Eox Elements · Strategy Skills · see all