# ui-ux-suite

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

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed · ★ 7
- Author: Aboudjem
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/Aboudjem/ui-ux-suite
- Updated: 2026-09-06
- HTML: https://affpapa.org/en/nevibecode/mcp/ui-ux-suite

## What it 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.

## Install

### Claude Code (native platform)

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

## When to use it
- 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
- 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.

## Similar
- [ui-ux-designer](https://affpapa.org/en/nevibecode/skills/ui-ux-designer.md) — skill · 3100 installs
- [ui-ux-pro-max](https://affpapa.org/en/nevibecode/skills/pixel-process-ug-ui-ux-pro-max.md) — skill · 1200 installs
- [frontend-design-review](https://affpapa.org/en/nevibecode/skills/dauquangthanh-frontend-design-review.md) — skill · 458 installs
- [gem-designer](https://affpapa.org/en/nevibecode/agents/gem-designer.md) — subagent · ★ 40451
- [color-palette-extractor](https://affpapa.org/en/nevibecode/skills/color-palette-extractor.md) — skill · 609 installs
- [ui-web](https://affpapa.org/en/nevibecode/skills/ui-web.md) — skill · 393 installs

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md