UI UX Pro Max Skill

An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.

GitHub: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
Website: https://uupm.cc

What Is It?

UI UX Pro Max is an AI skill (context injection layer) designed to be loaded into AI coding assistants such as Claude Code, Cursor, Windsurf, GitHub Copilot, and 15+ others. Once installed, it automatically augments the AI's ability to generate professional, production-grade UI/UX code — without requiring the developer to manually specify design rules each time.

At its core, it is a structured knowledge base combined with a Python-based reasoning engine that analyzes user requests and generates a complete, tailored Design System (style + colors + typography + layout patterns + anti-patterns) before any code is written.

Core Features

1. Intelligent Design System Generator (v2.0 Flagship)

The reasoning engine performs multi-domain parallel search across:

161 product/industry categories → matched to layout patterns
67 UI styles → ranked by BM25 scoring
161 color palettes → industry-appropriate selections
57 font pairings → personality-matched typography
24 landing page patterns → conversion-optimized structures

The output is a fully structured design system including recommended pattern, style, colors, typography, key effects, anti-patterns to avoid, and a pre-delivery checklist.

2. 67 UI Styles

Covers the full spectrum of modern and niche design aesthetics across three categories:

49 General Styles: Glassmorphism, Neumorphism, Brutalism, Claymorphism, Bento Grid, Dark Mode, AI-Native UI, Cyberpunk, Vaporwave, Pixel Art, Spatial UI (VisionOS), and more.
8 Landing Page Styles: Hero-Centric, Conversion-Optimized, Feature-Rich Showcase, Storytelling-Driven, etc.
10 BI/Analytics Dashboard Styles: Data-Dense, Executive, Real-Time Monitoring, Financial, Sales Intelligence, etc.

3. 161 Industry-Specific Reasoning Rules

Rules cover verticals including:

Tech & SaaS, Fintech, Healthcare, E-commerce, Creative Agencies, Lifestyle Apps, Emerging Tech (Web3, Spatial Computing, Quantum), and many more.

Each rule encodes: recommended layout pattern, style priority, color mood, typography mood, key animations/effects, and explicit anti-patterns (e.g., "no AI purple/pink gradients for banking apps").

4. 99 UX Guidelines

Best practices, accessibility standards (WCAG AA), and anti-patterns covering responsiveness, hover states, focus indicators, reduced-motion support, and contrast ratios.

5. Multi-Stack Support (15 Tech Stacks)

React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, HTML+Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel.

6. Design System Persistence (Master + Overrides Pattern)

Generate and persist a hierarchical design system to design-system/MASTER.md and per-page override files under design-system/pages/. This ensures consistent design language across sessions and across pages of the same project.

How It Works

User Request
    │
    ▼
Multi-Domain Search (5 parallel searches)
    │
    ▼
Reasoning Engine (BM25 ranking + JSON condition rules)
    │
    ▼
Complete Design System Output
(Pattern + Style + Colors + Typography + Effects + Anti-patterns + Checklist)
    │
    ▼
AI Generates Code with Full Design Context

Installation

Via Claude Marketplace (Claude Code)

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

Via CLI (Recommended — supports all AI assistants)

npm install -g uipro-cli
cd /path/to/your/project
uipro init --ai claude      # Claude Code
uipro init --ai cursor      # Cursor
uipro init --ai windsurf    # Windsurf
uipro init --ai copilot     # GitHub Copilot
uipro init --ai all         # All supported assistants

Supported AI assistants: Claude Code, Cursor, Windsurf, Antigravity, GitHub Copilot, Kiro, Codex CLI, Qoder, Roo Code, Gemini CLI, Trae, OpenCode, Continue, CodeBuddy, Droid (Factory), KiloCode, Warp, Augment.

Prerequisites: Python 3.x (required for the search/reasoning script).

Usage

Once installed, the skill auto-activates when you make UI/UX requests:

Build a landing page for my SaaS product
Create a dashboard for healthcare analytics
Design a portfolio website with dark mode
Make a mobile app UI for e-commerce
Build a fintech banking app with dark theme

For platforms using workflow mode (Kiro, Copilot, Roo Code):

/ui-ux-pro-max Build a landing page for my SaaS product

Project Structure

src/ui-ux-pro-max/
├── data/*.csv          # Knowledge base (styles, colors, fonts, rules)
├── scripts/*.py        # Search engine & design system reasoning
└── templates/          # Platform-specific configuration templates

cli/                    # CLI installer (generates files from templates)
.claude/skills/         # Local install path for Claude Code
docs/                   # Documentation
preview/                # UI preview assets

Why It Matters

Most AI coding assistants lack persistent, structured design knowledge. Without an injected skill like this, they default to generic, inconsistent, or "AI-looking" UI patterns. UI UX Pro Max solves this by:

Standardizing design decisions before code generation begins.
Encoding industry-specific anti-patterns to prevent common mistakes.
Working across all major AI coding platforms via a single CLI installer.
Persisting design systems across sessions for multi-page projects.

It effectively acts as a senior UI/UX designer embedded in your AI assistant.