ui-ux-suite

Name: ui-ux-suite
Author: Aboudjem

design MCP Server

Design audit for Claude Code. Scores UI/UX across 12 dimensions grounded in 24 named UX laws with primary-source citations. WCAG + APCA + OKLCH. Zero dependencies.

byAboudjem

VerifiedInstall Ready

designdesign aws

12 views3 stars0 forksv0.3.0MIT

View on GitHub Homepage

Why This Matters

Discovered via github-topic:mcp and last synced 3mo ago.

VerifiedInstall Ready

Source: github-topic:mcp
Stars: 3
Last synced: 3mo ago
Install: Instructions detected

Install

1. Install the package

npx ui-ux-suite

2. Add to claude_desktop_config.json

{
  "mcpServers": {
    "ui-ux-suite": {
      "command": "npx",
      "args": [
        "ui-ux-suite"
      ]
    }
  }
}

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) / %APPDATA%\Claude\claude_desktop_config.json (Windows)

Tools

Resources

Prompts

Standard I/O

Transport

Available Tools (46)

Tool

What it does

uiux_generate_type_scale

Generate type scale

142

Harmony, semantics, dark mode

78

30+ quantified findings

320

24 named UX laws

uiux_scan_project

Detect framework, styling (Tailwind v3 vs v4), component lib, animation lib, icon lib, theme system. Returns structured diagnostics, no silent nulls.

uiux_generate_spacing_scale

Generate spacing scale

131

Scale ratios, 2026 font picks

154

Deceptive design detection

Finding

Number

Typography

10%

Interaction

Responsiveness

uiux_score_dimension

Score any of 12 dimensions (v0.3: was 4)

uiux_audit_report

Generate formatted audit report

214

Scroll driven, view transitions

Law

Definition

uiux_score_overall

Weighted overall score

Document

Lines

178

15 component libraries

119

Cognitive load, Gestalt

Command

What it does

uiux_generate_palette

Generate palette from brand color

213

WCAG, ARIA, focus management

253

Design tooling landscape

111

CSS features, AI patterns

Dimension

Weight

uiux_extract_colors

Pull all colors from CSS, Tailwind, tokens

uiux_generate_tokens

Generate complete token set

139

State checklist, button hierarchy

164

Shadow techniques, micro-interactions

Feature

Detection

Accessibility

12%

uiux_extract_typography

Extract fonts, sizes, weights, line heights

uiux_knowledge_query

Query 19 knowledge documents

155

Navigation, onboarding, IA

129

iOS, Android, web patterns

uiux_extract_spacing

Extract padding, margin, gap values

uiux_laws_query

Query 24 Laws of UX

355

Tips from Vercel, Linear, shadcn

90

Core design principles

uiux_check_contrast

WCAG 2.1 + APCA contrast

uiux_audit_log

Append finding to audit log

233

35 tips from veterans

133

Component library comparison

uiux_audit_run

**One-call full audit. v0.3.** Scan + extract + score all 12 dimensions + format report. Supports `depth: "quick"\

Works Well With - Skills

detecting-aws-credential-exposure-with-trufflehog

Detecting exposed AWS credentials in source code repositories, CI/CD pipelines, and configuration files using TruffleHog, git-secrets, and AWS-native detection mechanisms to prevent credential theft and unauthorized account access.

61 starsHas guide

detecting-s3-data-exfiltration-attempts

Detecting data exfiltration attempts from AWS S3 buckets by analyzing CloudTrail S3 data events, VPC Flow Logs, GuardDuty findings, Amazon Macie alerts, and S3 access patterns to identify unauthorized bulk downloads and cross-account data transfers.

61 starsHas guide

implementing-aws-macie-for-data-classification

Implement Amazon Macie to automatically discover, classify, and protect sensitive data in S3 buckets using machine learning and pattern matching for PII, financial data, and credentials detection.

61 starsHas guide

implementing-aws-security-hub-compliance

Implementing AWS Security Hub to aggregate security findings across AWS accounts, enable compliance standards like CIS AWS Foundations and PCI DSS, configure automated remediation with EventBridge and Lambda, and create custom security insights for organizational risk management.

61 starsHas guide

Works Well With - Agents

Agent Squad

Flexible and powerful framework for managing multiple AI agents and handling complex conversations

7760 stars

Baoyu Design

Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus or Claude.

4202 stars

Indie Hacker Tools Plus

为独立开发者准备的精选技术栈和工具仓库来了！这里有你最需要的工具，帮你提升开发效率、节约成本，最重要的是——这些工具都是市场上热门的，经过验证的。🚀A curated collection of tech stacks and tools tailored for independent developers is here! these are proven, popular tools widely used in the industry. 🚀

1856 starslangchain

Learn Generative Ai

Learn Cloud Applied Generative AI Engineering (GenEng) using OpenAI, Gemini, Streamlit, Containers, Serverless, Postgres, LangChain, Pinecone, and Next.js

794 starslangchain

ui-ux-suite

Why This Matters

Install

Available Tools (46)

Tool

uiux_generate_type_scale

142

78

320

uiux_scan_project

uiux_generate_spacing_scale

131

154

Finding

Typography

Interaction

Responsiveness

uiux_score_dimension

uiux_audit_report

214

Law

uiux_score_overall

Document

178

119

Command

uiux_generate_palette

213

253

111

Dimension

uiux_extract_colors

uiux_generate_tokens

139

164

Feature

Accessibility

uiux_extract_typography

uiux_knowledge_query

155

129

uiux_extract_spacing

uiux_laws_query

355

90

uiux_check_contrast

uiux_audit_log

233

133

uiux_audit_run

Works Well With - Skills

detecting-aws-credential-exposure-with-trufflehog

detecting-s3-data-exfiltration-attempts

implementing-aws-macie-for-data-classification

implementing-aws-security-hub-compliance

Works Well With - Agents

Agent Squad

Baoyu Design

Indie Hacker Tools Plus

Learn Generative Ai

Guides & Tutorials

Claude Skill absolute-spec: A Lightweight Design Spec Workflow for AI Coding Agents

Claude Skill `oasis-design-system`: A Guide to Consistent Document Design for AI Tools

Typography Advisor: A Claude Skill for Better Font Pairing and Readability