UX MCP Server
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Instructions
Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.
This server publishes no instructions, or was last inspected before Glama recorded them.
Capabilities
Features and capabilities supported by this server
Protocol revision2025-11-25
| Capability | Details |
|---|---|
| tools | {
"listChanged": true
} |
| prompts | {
"listChanged": true
} |
| resources | {
"listChanged": true
} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| analyze_accessibilityB | Analyze HTML/JSX code for accessibility issues based on WCAG guidelines. Returns specific violations and suggestions. |
| review_usabilityB | Review a UI description or code against Nielsen's usability heuristics. Provides ratings and specific recommendations. |
| suggest_patternB | Suggest appropriate UI pattern for a given use case. Returns pattern details, best practices, and implementation guidance. |
| generate_component_exampleB | Generate framework-agnostic HTML/CSS example following UX best practices for a specific pattern. |
| audit_design_systemB | Audit design system implementation for consistency with best practices. Checks tokens, naming, and structure. |
| check_contrastA | Check color contrast ratio for WCAG compliance. Supports hex, rgb, and named colors. |
| check_responsiveB | Analyze code for mobile-first principles and responsive design issues. Checks viewport meta, touch targets, and breakpoints. |
| suggest_error_messageA | Get user-friendly error message suggestions for specific scenarios. Returns message, tone guidance, and accessibility considerations. |
| analyze_performanceA | Analyze code for performance issues and Core Web Vitals optimization. Checks resource loading, image optimization, and rendering performance. |
| check_seoA | Analyze HTML for SEO best practices. Checks meta tags, Open Graph, structured data, and technical SEO elements. |
| suggest_animationA | Suggest appropriate animation for a UI interaction. Returns animation type, duration, easing, and implementation guidance. |
| generate_color_paletteA | Generate accessible color palette from a base color. Returns primary, secondary, neutral, and semantic colors with WCAG-compliant variations. |
| generate_typography_scaleA | Calculate modular typography scale with recommended sizes for headings and body text. Returns complete type scale with line heights. |
| suggest_microcopyA | Suggest user-friendly microcopy for UI elements. Returns context-aware suggestions for buttons, labels, messages, and help text. |
| suggest_form_patternB | Recommend optimal form layout and validation pattern. Returns layout recommendations, field types, and validation strategies. |
| analyze_data_vizA | Review data visualization for accessibility and clarity. Checks chart type appropriateness, color usage, labels, and accessibility. |
| generate_accessibility_reportC | Generate comprehensive accessibility audit report. Checks WCAG compliance, keyboard navigation, screen reader compatibility, and semantic HTML. |
| suggest_ab_variantC | Suggest A/B test variants for optimization. Provides hypothesis, variant designs, and metrics to track. |
| analyze_information_architectureA | Analyze and suggest improvements to information architecture. Reviews navigation, labeling, hierarchy, and content organization. |
| detect_dark_patternsA | Detect dark patterns and ethical design violations. Identifies manipulative UI practices and suggests ethical alternatives. |
| calculate_ux_metricsB | Calculate key UX metrics and benchmarks. Computes SUS score, NPS, task success rate, and provides interpretation. |
| generate_wireframeB | Generate ASCII wireframe mockup for a page or component. Creates low-fidelity layout sketch using text characters. |
| suggest_microinteractionB | Suggest microinteractions for UI elements. Provides animation, feedback, and transition recommendations. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
| accessibility_review | Comprehensive accessibility review following WCAG 2.1 AA guidelines |
| usability_audit | Full usability audit using Nielsen's 10 heuristics |
| design_system_setup | Guide for setting up a new design system with tokens and components |
| complete_ux_audit | Comprehensive UX audit combining accessibility, usability, performance, SEO, and responsive design checks |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| WCAG 2.1 AA Guidelines | Web Content Accessibility Guidelines with code checks and examples |
| Nielsen's 10 Usability Heuristics | Core usability principles with examples and evaluation questions |
| UI Patterns Library | Common interface patterns for navigation, forms, feedback, and data display |
| Design System Principles | Design primitives, atomic design, and component API guidelines |
| Responsive Design Best Practices | Mobile-first principles, breakpoints, responsive patterns, and testing guidelines |
| Dark Mode Implementation Guide | Dark mode best practices, color considerations, and accessibility |
| Error Message Library | User-friendly error messages for common scenarios with tone guidelines |
| Performance Best Practices | Core Web Vitals, performance optimization, and loading strategies |
| SEO Best Practices | Search engine optimization, meta tags, structured data, and technical SEO |
| Internationalization (i18n) Patterns | Guidelines for building multilingual, globally accessible applications |
| Animation & Motion Design | Motion design principles, performance, and accessibility for UI animations |
| React Component Patterns | Advanced React patterns for composition, state management, and performance |
| Form Design Patterns | Comprehensive guide to designing accessible, user-friendly forms |
| Microcopy & UX Writing | Guide to writing clear, user-friendly interface copy and microcopy |
| Typography System | Type scales, font pairing, hierarchy, and responsive typography |
| Color Theory & Palettes | Color theory, palette generation, accessibility, and color usage |
| Mobile-Specific UX Patterns | Mobile-first design, touch interactions, and mobile navigation patterns |
| Vue.js Patterns & Best Practices | Vue.js component patterns, Composition API, and state management |
| Angular Patterns & Best Practices | Angular component patterns, services, RxJS, and performance optimization |
| Data Visualization Patterns | Choosing, designing, and implementing accessible data visualizations |
| E-commerce UX Patterns | E-commerce user experience patterns, conversion optimization, and best practices |
| Information Architecture | Organizing and structuring information for optimal findability and usability |
| UX Testing & Validation | User experience testing methodologies, validation techniques, and research methods |
| Progressive Web App Patterns | Building progressive web apps with optimal UX patterns and best practices |
| Ethical Design & Dark Patterns | Ethical design principles and avoiding dark patterns that manipulate users |
| Advanced Design System Patterns | Advanced concepts for building, scaling, and maintaining enterprise design systems |
| SaaS Product UX Patterns | UX patterns for SaaS products including onboarding, pricing, and retention |
| UX Analytics & Metrics | Measuring user experience through analytics, metrics, and data-driven decision making |
| Voice User Interface (VUI) Design | Designing voice interfaces for assistants, smart speakers, and voice-enabled apps |
| AR/VR Interface Design | Design principles and patterns for Augmented and Virtual Reality interfaces |
| AI/ML UX Patterns | User experience patterns for AI and machine learning powered features |
| Haptic Feedback Design | Design guide for tactile feedback in user interfaces across devices |
| Healthcare UX Patterns | UX design for healthcare applications prioritizing safety, privacy, and usability |
| Financial Services UX Patterns | UX design for banking, fintech, and financial applications |
| Neurodiversity-Inclusive Design | Designing for neurodivergent users including ADHD, autism, and dyslexia |
| Web Components | Building framework-agnostic, reusable UI components with Web Components |
TDQS
Scored across 23 tools
Most tools have clearly distinct purposes, but the 'suggest_' group (animation, microinteraction, error_message, microcopy, form_pattern, pattern) could cause confusion despite differing descriptions. The check tools (contrast, responsive, seo) are well-differentiated.
Naming uses multiple prefixes (analyze_, generate_, check_, suggest_, detect_, review_, calculate_, audit_) which provides some structure but lacks a single, consistent pattern. Tools are grouped by verb type, but mixing conventions (e.g., analyze vs. check vs. suggest) reduces predictability.
With 23 tools, the count is above the typical 3-15 range but not excessive (below 25). The broad scope of UX analysis, generation, and checking justifies the number, though some tools could be merged (e.g., multiple suggestion tools).
The server covers a wide range of UX needs: accessibility, SEO, performance, responsive design, color, typography, wireframing, usability, patterns, microcopy, A/B testing, and dark patterns. Missing areas like user research or prototyping are minor gaps for the stated purpose.