Atlas / MCP servers / elsahafy / UX

UXSAFE

mcp/elsahafy/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.

Verdict
SAFE
Grade
B
Trust score
89 /100
Exposed tools
31 31r · 0w · 0d
Transport
stdio
License
MIT
Stars
32
01

Overview

From the repository's own README, as read at the audited commit. Badges and raw HTML are left out.

[](https://www.npmjs.com/package/@elsahafy/ux-mcp-server) [](https://github.com/elsahafy/ux-mcp-server/actions/workflows/ci.yml) [](LICENSE) [](CONTRIBUTING.md) [](https://github.com/elsahafy/ux-mcp-server/issues) [](https://agentseal.org/mcp/https-githubcom-elsahafy-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, finance, neurodiversity, and web components.

Works with any MCP-compatible client including Claude Desktop, Cursor IDE, Continue.dev, Cline, and custom applications.

Installation

npm (Recommended)

npm install -g @elsahafy/ux-mcp-server

npx (No Installation)

npx @elsahafy/ux-mcp-server

From Source

git clone https://github.com/elsahafy/ux-mcp-server.git
cd ux-mcp-server
npm install
npm run build

Features

📚 Resources (28 Knowledge Bases)

Access comprehensive UX knowledge bases organized by category:

Foundation & Core (12 resources)

  • ux://accessibility/wcag - WCAG 2.1 AA Guidelines with code checks
  • ux://usability/nielsen-heuristics - Nielsen's 10 Usability Heuristics
  • ux://patterns/ui-patterns - Common UI patterns
Read from source at commit 98492a993261OBSERVED · 2026-10-09
02

Connect

Built from this server's own package name, version and transport as found in its source — not copied from anyone's documentation, so it cannot drift against a page we do not control.

claude-code (npm)
claude mcp add ux-mcp-server -- npx -y @elsahafy/[email protected]
03

Exposed tools (31)

31 read · 0 write · 0 destructive.

ToolRiskDescription
accessibility_reviewreadComprehensive accessibility review following WCAG 2.1 AA guidelines
analyze_accessibilityreadAnalyze HTML/JSX code for accessibility issues based on WCAG guidelines. Returns specific violations and suggestions.
analyze_data_vizreadReview data visualization for accessibility and clarity. Checks chart type appropriateness, color usage, labels, and accessibility.
analyze_information_architecturereadAnalyze and suggest improvements to information architecture. Reviews navigation, labeling, hierarchy, and content organization.
analyze_performancereadAnalyze code for performance issues and Core Web Vitals optimization. Checks resource loading, image optimization, and rendering performance.
audit_design_systemreadAudit design system implementation for consistency with best practices. Checks tokens, naming, and structure.
calculate_ux_metricsreadCalculate key UX metrics and benchmarks. Computes SUS score, NPS, task success rate, and provides interpretation.
check_contrastreadCheck color contrast ratio for WCAG compliance. Supports hex, rgb, and named colors.
check_responsivereadAnalyze code for mobile-first principles and responsive design issues. Checks viewport meta, touch targets, and breakpoints.
check_seoreadAnalyze HTML for SEO best practices. Checks meta tags, Open Graph, structured data, and technical SEO elements.
complete_ux_auditreadComprehensive UX audit combining accessibility, usability, performance, SEO, and responsive design checks
componentreadComponent name or description to review
contentreadHTML/CSS/JS markup to analyze (optional)
design_system_setupreadGuide for setting up a new design system with tokens and components
detect_dark_patternsreadDetect dark patterns and ethical design violations. Identifies manipulative UI practices and suggests ethical alternatives.
generate_accessibility_reportreadGenerate comprehensive accessibility audit report. Checks WCAG compliance, keyboard navigation, screen reader compatibility, and semantic HTML.
generate_color_palettereadGenerate accessible color palette from a base color. Returns primary, secondary, neutral, and semantic colors with WCAG-compliant variations.
generate_component_examplereadGenerate framework-agnostic HTML/CSS example following UX best practices for a specific pattern.
generate_typography_scalereadCalculate modular typography scale with recommended sizes for headings and body text. Returns complete type scale with line heights.
generate_wireframereadGenerate ASCII wireframe mockup for a page or component. Creates low-fidelity layout sketch using text characters.
interfacereadInterface or feature to audit
project_typereadType of project (web app, mobile, etc.)
review_usabilityreadReview a UI description or code against Nielsen
suggest_ab_variantreadSuggest A/B test variants for optimization. Provides hypothesis, variant designs, and metrics to track.
suggest_animationreadSuggest appropriate animation for a UI interaction. Returns animation type, duration, easing, and implementation guidance.
suggest_error_messagereadGet user-friendly error message suggestions for specific scenarios. Returns message, tone guidance, and accessibility considerations.
suggest_form_patternreadRecommend optimal form layout and validation pattern. Returns layout recommendations, field types, and validation strategies.
suggest_microcopyreadSuggest user-friendly microcopy for UI elements. Returns context-aware suggestions for buttons, labels, messages, and help text.
suggest_microinteractionreadSuggest microinteractions for UI elements. Provides animation, feedback, and transition recommendations.
suggest_patternreadSuggest appropriate UI pattern for a given use case. Returns pattern details, best practices, and implementation guidance.
usability_auditreadFull usability audit using Nielsen
04

Trust audit

SAFEgrade B · trust 89/100 Nothing in the source contradicts what it says it does. Grade A is reserved for packages that have also passed the behavioural sandbox.

LayerWhat it checksResult
L0Provenance & inventoryPASS
L1Static analysis of the codePASS
L2Instruction surface (what it tells the agent)PASS
L3Class-specific surfacePASS
L4Behavioural (sandbox)SKIPPED

What the source does

Filesystem
none-observed
Network
none-observed
Shell
none-observed
Dependencies
not all pinned
Secrets in source
none-found

Findings (1)

LOWSupply chain · supply.unpinned · CWE-829, CWE-1357
package.json
@modelcontextprotocol/sdk, @types/node, typescript
Why it matters. 3 dependency range(s) float
Fix. pin exact versions or ship a lockfile

Gates applied: no_behavioural_pass.

Audited 2026-10-09 · audit v0.4.1 · source sha 98492a993261full audit observations/trust-audit/mcp-server/elsahafy__ux.json · Report an issue / request a re-scan
05

Audit history

Every audit this server has had. A grade with a past is a grade somebody is still checking.

DateSourceVerdictGradeScoreChange
2026-10-0998492a993261SAFEB89first audit
06

Questions

What is the UX MCP server?

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 tools does UX expose?

31 in total: 31 read-only, 0 that write, and 0 that can delete or overwrite. Every one is listed on this page with its risk.

Is UX safe to connect to an agent?

The audit found nothing in the source that contradicts what it says it does, and graded it B (89/100). Grade A is held back for packages that have also passed a sandboxed behavioural run, which is why a clean server reads B.

What credentials does UX need?

No credential environment variables were found in its source, so it appears to need none.

How does UX run?

It speaks stdio, so it runs as a local process your client starts. It is published on npm as @elsahafy/ux-mcp-server at 5.0.0.

How current is this page?

The grade is for one exact copy of the source (98492a993261), read on 2026-10-09. The repository is watched and re-audited when it changes.

Advertisement