io.github.elsahafy/ux-mcp-server
NPM · @ELSAHAFY/UX-MCP-SERVER · SCANNED AUG 3
UX toolkit: 28 knowledge resources, 23 analysis tools & 4 workflow prompts for any MCP client
Available components
How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. How we score →
Supply Chain Security86
- No malware found by supply-chain analysis.Pass
- Only part of the dependency tree could be resolved (94 of 98), so this covers what we could see, not the whole tree.Partial
- No install/post-install scripts declared.Pass
- Only part of the dependency tree could be resolved (94 of 98), so this covers what we could see, not the whole tree. View diagnostics → Partial
Provenance & Transparency45
- Source repository is publicly reachable at the declared URL. View diagnostics → Pass
- Provenance check failed: no build-provenance attestation is published. See how to fix → View diagnostics → Fail
- Clear OSI-approved license (MIT).Pass
- Actively maintained (last published 123 days ago).Pass
- Disclosure check failed: no security disclosure policy was found in the source repository. See how to fix → Fail
Schema Quality & AI Usability85
- 100% of prompts and resources have a non-trivial description (not blank, and not just the item's name).Pass
- AI-judged instruction clarity (excellent).Pass
- Tool/resource definitions use about 2524 tokens (~42/item across 59 items; 23 tools + 36 resources), lean.Pass
- Usage-examples check failed: none of the tools include examples. See how to fix → Fail
Stability & Change Management27
- Stability observed for 8 of 30 days with no destabilising changes; credit accrues until the full window elapses.Partial
Tool Coverage100
- 100% of tools have a non-trivial description (not blank, and not just the tool's name).Pass
- 100% of tool parameters carry a description.Pass
Capabilities100
- Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.Pass
Add this component to your MCP client. Where a client-specific snippet is available, pick your client below and copy it straight into your config; otherwise use the connection detail shown.
npm · @elsahafy/ux-mcp-server
claude mcp add elsahafy-ux-mcp-server -- npx -y @elsahafy/ux-mcp-server
codex mcp add elsahafy-ux-mcp-server -- npx -y @elsahafy/ux-mcp-server
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"elsahafy-ux-mcp-server": {
"type": "local",
"command": [
"npx",
"-y",
"@elsahafy/ux-mcp-server"
],
"enabled": true
}
}
} openclaw mcp add elsahafy-ux-mcp-server --command npx --arg -y --arg @elsahafy/ux-mcp-server
mcp_servers:
elsahafy-ux-mcp-server:
command: "npx"
args: ["-y", "@elsahafy/ux-mcp-server"] {
"mcpServers": {
"elsahafy-ux-mcp-server": {
"command": "npx",
"args": [
"-y",
"@elsahafy/ux-mcp-server"
]
}
}
} Every change we have recorded for this component, newest first. Security-relevant changes are always shown. ▲ marks a change for the better, ▼ a change for the worse; unmarked changes are neutral.
- 3 Aug 26 +1
No change was recorded against any check on this day. Stability & Change Management went from 23 to 27. That category is still filling its 30-day observation window: 7 days of observed history at the previous scan, 8 at this one. The score rises as the window fills, whether or not the server changes.
- 2 Aug 26 +24
- Provenance: unverified → fail ▼ security
- Install scripts: unverified → pass ▲ security
- Known CVEs: unverified → partial ▲ security
- Stability: Stability not yet verified: we do not have a sandbox capture of the MCP schema this version of the package serves yet. security
- Capabilities: pass → unverified ▼ functional
- Schema quality: unverified → excellent ▲ functional
- License: unverified → pass ▲ functional
- Stability: unverified → 0.23 ▲ functional
- Dependency health: unverified → partial ▲ functional
- Maintenance: unverified → pass ▲ functional
- Licence: MIT functional
- 1 Aug 26 +20
- Malware scan: unverified → pass ▲ security
- Stability: Stability not yet verified: not enough scan history yet (needs a 30-day window). security
- MCP protocol: unverified → pass ▲ functional
- 31 Jul 26 −27
- We updated how we score, so this day's move reflects our rubric, not a change to the server See what changed → functional
- 27 Jul 26 53
First indexed and scored.
Diagnostic detail from the automated scan of this channel: what the scanner observed at each step, so you can see exactly where a check passed or failed. It is informational only and never changes the trust score.
Captured 3 Aug 2026 · Analysed npm/@elsahafy/[email protected]
Provenance none
Ecosystem: npm · Outcome: none
Dependencies 94 packages
94 packages in the resolved dependency tree · 94 deprecated · 29 stale.
The dependency tree was only partially resolved, so these counts may be incomplete.
The tools this component advertises to a client, with an estimated token cost for each. Expand a tool to see its parameters and schema. The per-tool counts are indicative and are not scored directly; the schema's total context footprint is one signal in Schema Quality & AI Usability.
analyze_accessibility ~58
Analyze HTML/JSX code for accessibility issues based on WCAG guidelines. Returns specific violations and suggestions.
| Name | Type | Req | Description |
|---|---|---|---|
| code | string | yes | HTML or JSX code to analyze |
| level | string | — | WCAG conformance level to check against |
No output schema declared.
No examples provided.
analyze_data_viz ~106
Review data visualization for accessibility and clarity. Checks chart type appropriateness, color usage, labels, and accessibility.
| Name | Type | Req | Description |
|---|---|---|---|
| chart_type | string | yes | Type of chart/visualization (e.g., 'bar chart', 'line chart', 'pie chart', 'scatter plot') |
| data_description | string | yes | Description of the data being visualized |
| purpose | string | — | Purpose of the visualization (e.g., 'comparison', 'trend', 'composition', 'distribution') |
No output schema declared.
No examples provided.
analyze_information_architecture ~71
Analyze and suggest improvements to information architecture. Reviews navigation, labeling, hierarchy, and content organization.
| Name | Type | Req | Description |
|---|---|---|---|
| issues | string | — | Known issues or pain points (optional) |
| site_structure | string | yes | Description or sitemap of current structure |
| user_goals | string | yes | Primary user goals and tasks |
No output schema declared.
No examples provided.
analyze_performance ~60
Analyze code for performance issues and Core Web Vitals optimization. Checks resource loading, image optimization, and rendering performance.
| Name | Type | Req | Description |
|---|---|---|---|
| check_type | string | — | Specific performance aspect to check |
| code | string | yes | HTML/CSS/JS code to analyze |
No output schema declared.
No examples provided.
audit_design_system ~54
Audit design system implementation for consistency with best practices. Checks tokens, naming, and structure.
| Name | Type | Req | Description |
|---|---|---|---|
| tokens | string | yes | JSON or CSS of design tokens to audit |
| type | string | — | Type of tokens to audit |
No output schema declared.
No examples provided.
calculate_ux_metrics ~105
Calculate key UX metrics and benchmarks. Computes SUS score, NPS, task success rate, and provides interpretation.
| Name | Type | Req | Description |
|---|---|---|---|
| data | string | yes | Raw data (e.g., 'SUS responses: 4,2,5,4,3,2,5,4,4,3' or 'NPS scores: 9,8,10,7,6,9,10') |
| metric_type | string | yes | Type of UX metric to calculate |
No output schema declared.
No examples provided.
check_contrast ~82
Check color contrast ratio for WCAG compliance. Supports hex, rgb, and named colors.
| Name | Type | Req | Description |
|---|---|---|---|
| background | string | yes | Background color |
| foreground | string | yes | Foreground color (text) |
| large_text | boolean | — | Is the text large (18pt+ or 14pt+ bold)? |
| level | string | — | WCAG level to check |
No output schema declared.
No examples provided.
check_responsive ~57
Analyze code for mobile-first principles and responsive design issues. Checks viewport meta, touch targets, and breakpoints.
| Name | Type | Req | Description |
|---|---|---|---|
| check_type | string | — | Specific responsive aspect to check |
| code | string | yes | HTML/CSS code to analyze |
No output schema declared.
No examples provided.
check_seo ~55
Analyze HTML for SEO best practices. Checks meta tags, Open Graph, structured data, and technical SEO elements.
| Name | Type | Req | Description |
|---|---|---|---|
| html | string | yes | HTML code to analyze |
| url | string | — | Optional: Page URL for context |
No output schema declared.
No examples provided.
detect_dark_patterns ~69
Detect dark patterns and ethical design violations. Identifies manipulative UI practices and suggests ethical alternatives.
| Name | Type | Req | Description |
|---|---|---|---|
| flow_description | string | yes | Description of user flow or interface (e.g., 'subscription cancellation', 'cookie consent', 'checkout') |
| screenshot_url | string | — | URL to screenshot (optional) |
No output schema declared.
No examples provided.
generate_accessibility_report ~61
Generate comprehensive accessibility audit report. Checks WCAG compliance, keyboard navigation, screen reader compatibility, and semantic HTML.
| Name | Type | Req | Description |
|---|---|---|---|
| url | string | yes | URL or page identifier to audit |
| wcag_level | string | — | WCAG compliance level to check against |
No output schema declared.
No examples provided.
generate_color_palette ~80
Generate accessible color palette from a base color. Returns primary, secondary, neutral, and semantic colors with WCAG-compliant variations.
| Name | Type | Req | Description |
|---|---|---|---|
| base_color | string | yes | Base color (hex, rgb, or color name) |
| harmony_type | string | — | Color harmony type to generate |
| include_neutrals | boolean | — | Include grayscale neutrals |
No output schema declared.
No examples provided.
generate_component_example ~94
Generate framework-agnostic HTML/CSS example following UX best practices for a specific pattern.
| Name | Type | Req | Description |
|---|---|---|---|
| include_accessibility | boolean | — | Include ARIA attributes and accessibility features |
| pattern | string | yes | Pattern name (e.g., 'search', 'modal', 'form', 'button', 'data-table') |
| variant | string | — | Optional: Specific variant (e.g., 'primary', 'ghost', 'inline') |
No output schema declared.
No examples provided.
generate_typography_scale ~95
Calculate modular typography scale with recommended sizes for headings and body text. Returns complete type scale with line heights.
| Name | Type | Req | Description |
|---|---|---|---|
| base_size | number | — | Base font size in pixels (typically 16) |
| scale_ratio | number | — | Scale ratio (e.g., 1.2 for minor third, 1.5 for perfect fifth) |
| steps | number | — | Number of steps to generate (up and down from base) |
No output schema declared.
No examples provided.
generate_wireframe ~98
Generate ASCII wireframe mockup for a page or component. Creates low-fidelity layout sketch using text characters.
| Name | Type | Req | Description |
|---|---|---|---|
| elements | string | — | Key elements to include (e.g., 'logo, search bar, user menu, main content area') |
| layout | string | — | Overall layout structure |
| page_type | string | yes | Type of page/component (e.g., 'login page', 'dashboard', 'product card', 'navigation header') |
No output schema declared.
No examples provided.
review_usability ~78
Review a UI description or code against Nielsen's usability heuristics. Provides ratings and specific recommendations.
| Name | Type | Req | Description |
|---|---|---|---|
| code | string | — | Optional: Code implementation to review |
| description | string | yes | Description of the UI or component to review |
| focus_heuristics | array | — | Optional: Specific heuristics to focus on (1-10) |
No output schema declared.
No examples provided.
suggest_ab_variant ~107
Suggest A/B test variants for optimization. Provides hypothesis, variant designs, and metrics to track.
| Name | Type | Req | Description |
|---|---|---|---|
| current_performance | string | — | Current metric (e.g., '2% conversion rate', '60% bounce rate') |
| element | string | yes | Element to test (e.g., 'CTA button', 'headline', 'pricing page', 'checkout flow') |
| goal | string | yes | Desired outcome (e.g., 'increase conversions', 'reduce bounce', 'improve engagement') |
No output schema declared.
No examples provided.
suggest_animation ~73
Suggest appropriate animation for a UI interaction. Returns animation type, duration, easing, and implementation guidance.
| Name | Type | Req | Description |
|---|---|---|---|
| context | string | — | Optional: Additional context about the interaction |
| interaction | string | yes | UI interaction to animate (e.g., 'button click', 'modal open', 'list item add', 'page transition') |
No output schema declared.
No examples provided.
suggest_error_message ~91
Get user-friendly error message suggestions for specific scenarios. Returns message, tone guidance, and accessibility considerations.
| Name | Type | Req | Description |
|---|---|---|---|
| context | string | — | Optional: Additional context about the error |
| scenario | string | yes | Error scenario (e.g., 'invalid email', 'required field', 'payment failed', 'file too large') |
| technical_message | string | — | Optional: Technical error message to translate to user-friendly language |
No output schema declared.
No examples provided.
suggest_form_pattern ~79
Recommend optimal form layout and validation pattern. Returns layout recommendations, field types, and validation strategies.
| Name | Type | Req | Description |
|---|---|---|---|
| field_count | number | — | Approximate number of fields |
| form_type | string | yes | Type of form (e.g., 'login', 'registration', 'checkout', 'contact', 'search') |
| platform | string | — | Target platform |
No output schema declared.
No examples provided.
suggest_microcopy ~84
Suggest user-friendly microcopy for UI elements. Returns context-aware suggestions for buttons, labels, messages, and help text.
| Name | Type | Req | Description |
|---|---|---|---|
| context | string | yes | Context of the element (e.g., 'login button', 'email field', 'payment success') |
| element_type | string | yes | Type of UI element needing copy |
| tone | string | — | Desired tone of voice |
No output schema declared.
No examples provided.
suggest_microinteraction ~90
Suggest microinteractions for UI elements. Provides animation, feedback, and transition recommendations.
| Name | Type | Req | Description |
|---|---|---|---|
| context | string | — | Context of interaction (e.g., 'delete action', 'successful save', 'error state') |
| element | string | yes | UI element (e.g., 'button', 'toggle switch', 'like button', 'form submission', 'loading') |
| platform | string | — | Target platform |
No output schema declared.
No examples provided.
suggest_pattern ~72
Suggest appropriate UI pattern for a given use case. Returns pattern details, best practices, and implementation guidance.
| Name | Type | Req | Description |
|---|---|---|---|
| constraints | string | — | Optional: Specific constraints or requirements |
| use_case | string | yes | Description of what you're trying to build (e.g., 'user navigation', 'form validation', 'data display') |
No output schema declared.
No examples provided.