MCP server CX Codex

ui-ux-suite — Claude Code MCP server: audit and install

Q: How do I install ui-ux-suite in Claude Code?

Add the MCP server with `claude mcp add ui-ux-suite -- npx -y ui-ux-suite --mcp`.

Audits a UI project across 12 dimensions and ties findings to files, lines, measured values, and fixes. Useful for accessibility and design checks.

Open on GitHub

What ui-ux-suite does

ui-ux-suite scans CSS, JSX, HTML, and Tailwind classes, then rates the project across 12 dimensions using WCAG 2.2 and APCA. A located finding includes the file, line, selector, measured value, and a concrete before-and-after change. Project-level issues are reported separately when no single line can represent them.

The MCP server exposes 16 tools and 14 skills to an agent. Add it to Claude Code or Codex with npx -y ui-ux-suite --mcp; other supported editors use the same command in their MCP configuration. It inspects the project and does not edit source files.

The dev-dependency installation requires Node 18 or newer. No API key is needed, and the results stay on the local machine.

What it helps with

check text contrast against WCAG 2.2
locate a failing selector and source line
score a project across 12 design dimensions
export an audit as Markdown, JSON, HTML, or SARIF
fail CI after a score drop or new finding

Example prompts for the agent

Audit this project’s interface and show each issue with its file and line.
Review the UI for accessibility, measure contrast, and suggest exact replacement values.
Create a SARIF audit report for GitHub code scanning.

How to install ui-ux-suite

Install

The MCP registry has no launch command for it: see the repository README

Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more

Questions about ui-ux-suite

How do I install ui-ux-suite in Claude Code?

Add the MCP server with claude mcp add ui-ux-suite -- npx -y ui-ux-suite --mcp.

What does ui-ux-suite do?

It checks CSS, JSX, HTML, and Tailwind classes across 12 dimensions, including WCAG 2.2 and APCA. Findings can include their source location, measured value, and a proposed change.

Does ui-ux-suite require an API key?

No. It runs locally, and its results remain on the machine.

Similar MCP servers

All MCP servers for Design →

ui-ux-designer sickn33 This skill supports interface design, user flows, and design systems with research and accessibility checks. Use it for redesigns, prototypes, and interaction reviews. CX Codex +1 3,100installs ui-ux-pro-max Pixel-Process-UG Guides interface styling, font pairings, semantic palettes, and UX rules while prioritizing WCAG accessibility and performance budgets. CX Codex +1 1,200installs frontend-design-review DauQuangThanh Audits UI mockups, design tokens, and components for WCAG 2.1 AA accessibility, responsive behavior, and design system consistency before engineering begins. CX Codex +1 458installs gem-designer official github Designs layouts, color palettes, and token systems while validating WCAG 2.2 AA accessibility. It runs inside agent workflows and never writes production code. ★ 40,451repo stars color-palette-extractor OneWave-AI Pulls dominant colors out of an image, screenshot or website and turns them into a palette with contrast checks. Handy when you need a theme built from a logo or someone else's mockup. CX Codex +1 609installs ui-web alinaqi Design skill enforcing WCAG 2.1 AA accessibility, Tailwind CSS tokens, dark mode contrast, and glassmorphic UI patterns. CX Codex +1 393installs