servers / ux-mcp-server
ux-mcp-server
communitystdiolocalverifiedhealthy
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.
01Tools · 23
How to read this: tool names here are observed from a live tools/list handshake. The Risk label is a heuristic inferred from the tool name (write/destructive verbs), not from executing the tool — a conservative guess, not a verified capability. We never escalate risk from a description. Found one that's wrong? Tell us — we fix on report.
| Tool | Risk | Side effects | Approval |
|---|---|---|---|
| calculate_ux_metrics Calculate key UX metrics and benchmarks. Computes SUS score, NPS, task success rate, and provides interpretation. | unknown | unknown | unknown |
| suggest_microinteraction Suggest microinteractions for UI elements. Provides animation, feedback, and transition recommendations. | unknown | unknown | unknown |
| analyze_performance Analyze code for performance issues and Core Web Vitals optimization. Checks resource loading, image optimization, and rendering performance. | unknown | unknown | unknown |
| suggest_form_pattern Recommend optimal form layout and validation pattern. Returns layout recommendations, field types, and validation strategies. | read | false | unknown |
| review_usability Review a UI description or code against Nielsen's usability heuristics. Provides ratings and specific recommendations. | unknown | unknown | unknown |
| suggest_animation Suggest appropriate animation for a UI interaction. Returns animation type, duration, easing, and implementation guidance. | read | false | unknown |
| analyze_data_viz Review data visualization for accessibility and clarity. Checks chart type appropriateness, color usage, labels, and accessibility. | unknown | unknown | unknown |
| suggest_pattern Suggest appropriate UI pattern for a given use case. Returns pattern details, best practices, and implementation guidance. | read | false | unknown |
| check_responsive Analyze code for mobile-first principles and responsive design issues. Checks viewport meta, touch targets, and breakpoints. | unknown | unknown | unknown |
| generate_component_example Generate framework-agnostic HTML/CSS example following UX best practices for a specific pattern. | unknown | unknown | unknown |
| suggest_error_message Get user-friendly error message suggestions for specific scenarios. Returns message, tone guidance, and accessibility considerations. | read | false | unknown |
| suggest_microcopy Suggest user-friendly microcopy for UI elements. Returns context-aware suggestions for buttons, labels, messages, and help text. | read | false | unknown |
| suggest_ab_variant Suggest A/B test variants for optimization. Provides hypothesis, variant designs, and metrics to track. | unknown | unknown | unknown |
| generate_color_palette Generate accessible color palette from a base color. Returns primary, secondary, neutral, and semantic colors with WCAG-compliant variations. | read | false | unknown |
| detect_dark_patterns Detect dark patterns and ethical design violations. Identifies manipulative UI practices and suggests ethical alternatives. | unknown | unknown | unknown |
| analyze_information_architecture Analyze and suggest improvements to information architecture. Reviews navigation, labeling, hierarchy, and content organization. | unknown | unknown | unknown |
| check_contrast Check color contrast ratio for WCAG compliance. Supports hex, rgb, and named colors. | unknown | unknown | unknown |
| generate_wireframe Generate ASCII wireframe mockup for a page or component. Creates low-fidelity layout sketch using text characters. | unknown | unknown | unknown |
| audit_design_system Audit design system implementation for consistency with best practices. Checks tokens, naming, and structure. | unknown | unknown | unknown |
| check_seo Analyze HTML for SEO best practices. Checks meta tags, Open Graph, structured data, and technical SEO elements. | unknown | unknown | unknown |
| generate_typography_scale Calculate modular typography scale with recommended sizes for headings and body text. Returns complete type scale with line heights. | read | false | unknown |
| generate_accessibility_report Generate comprehensive accessibility audit report. Checks WCAG compliance, keyboard navigation, screen reader compatibility, and semantic HTML. | unknown | unknown | unknown |
| analyze_accessibility Analyze HTML/JSX code for accessibility issues based on WCAG guidelines. Returns specific violations and suggestions. | read | false | unknown |
02Install & source
npx -y @elsahafy/ux-mcp-server
npx- repohttps://github.com/elsahafy/ux-mcp-server
- homepagehttps://www.npmjs.com/package/@elsahafy/ux-mcp-server
- licenseMIT
- adoption25 stars · 2 forks
05Provenance & freshness
sourcesGitHub repo search [p4]
last_checked2026-08-16 11:23Z
next_check2026-08-18 11:18Z
cadenceevery 48h
verifiedtools_list:passed handshake:passed metadata:passed tools_list:passed handshake:passed metadata:passed tools_list:passed handshake:passed metadata:passed tools_list:passed
index_statusindex — 8 unique facts >= 5
06Badge
Add the “as seen on MCPExplorer” badge to your README. 
[](https://mcpexplorer.com/servers/ux-mcp-server)
Next step
This is one server. A loadout combines the right servers, governance, and proven plays for a whole job — assembled deliberately, not tool-dumped.
Explore loadouts →