Skip to content
/

UI UX Pro Max

ui-ux-pro-max · nextlevelbuilder/ui-ux-pro-max-skill · ★ 83k · last commit 2026-04-03

Primitive shape 7 total
Skills 7
00

Summary

UI UX Pro Max — Summary

UI UX Pro Max is an AI skill providing design intelligence for building professional UI/UX across multiple platforms and frameworks. It ships 67 UI styles, 161 color palettes, 57 font pairings, 161 product type categories, 99 UX guidelines, and 25 chart types — all stored in searchable CSV databases with a BM25 + regex hybrid search engine. Version 2.0 added a Design System Generator that reasons across these databases in parallel and outputs a structured design brief with recommended style, colors, typography, and a pre-delivery checklist.

The tool ships as a uipro-cli npm package (18+ AI platform targets), as a Claude Code plugin, and as platform-specific rule files (Cursor, Windsurf, Antigravity, etc.). A Python search CLI (scripts/search.py) provides the backend for multi-domain lookups. The SKILL.md defines 10 rule categories with priority ordering (accessibility CRITICAL → touch CRITICAL → performance HIGH → ...).

Compared to seeds: no direct equivalent in the 11 seeds. Closest in distribution style to unslop (multi-platform plugin), but ui-ux-pro-max is design intelligence rather than prose style. It is the only tool in the corpus that ships a curated, searchable design database as part of the skill payload.

01

Overview

UI UX Pro Max — Overview

Origin

Built by NextLevelBuilder (nextlevelbuilder.io). Released under MIT. Version 2.5.0. Homepage at uupm.cc. Commercial support via PayPal donations. Sister projects: ClaudeKit.cc, GoClaw.sh, TOSE.sh.

Philosophy

AI coding assistants generate technically correct code but often produce visually generic, inaccessible, or platform-inappropriate interfaces. UI UX Pro Max provides the design intelligence layer that AI agents lack: curated databases of styles, palettes, font pairings, and UX guidelines, with an AI reasoning engine that selects appropriate options based on product type.

The flagship feature in v2.0 is the Design System Generator — it runs 5 parallel searches across the database domains (product type, style, color, landing page patterns, typography) and produces a structured design brief in seconds.

Key Numbers

  • 161 product type reasoning rules
  • 67 UI styles with keywords, CSS patterns, AI prompts
  • 161 color palettes matched by product type
  • 57 font pairings with Google Fonts import URLs
  • 24 landing page patterns with CTA strategies
  • 99 UX guidelines across 10 categories
  • 25 chart types with library recommendations
  • 15+ tech stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, shadcn, Tailwind, HTML/CSS, etc.)

Explicit Antipatterns

  • Emoji as icons (use SVG: Heroicons/Lucide)
  • Bright neon colors in wellness/spa contexts
  • Harsh animations
  • Removing focus rings from interactive elements
  • Icon-only buttons without aria-labels
  • Layout thrashing / Cumulative Layout Shift
  • cursor: default instead of cursor-pointer
  • Mixing flat and skeuomorphic randomly
  • Text below 12px body size
02

Architecture

UI UX Pro Max — Architecture

Distribution

  • Type: npm-package (uipro-cli) + claude-plugin + skill-pack
  • License: MIT
  • Install complexity: one-liner (Claude Code) or npm-install (CLI)

Install Commands

# Claude Code (plugin)
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

# CLI (any platform)
npm install -g uipro-cli
uipro init --ai claude     # Claude Code
uipro init --ai cursor     # Cursor
uipro init --ai windsurf   # Windsurf
# ...18 platforms total

# Supported platforms: claude, cursor, windsurf, antigravity, copilot, kiro,
# codex, qoder, roocode, gemini, trae, opencode, continue, codebuddy, droid,
# kilocode, warp, augment, all

Directory Layout

src/ui-ux-pro-max/          # Source of Truth
├── data/                   # CSV databases
│   ├── products.csv        # 161 product types
│   ├── styles.csv          # 67 UI styles
│   ├── colors.csv          # 161 palettes
│   ├── typography.csv      # 57 font pairings
│   ├── landing.csv         # 24 page patterns
│   ├── chart.csv           # 25 chart types
│   ├── ux.csv              # 99 UX guidelines
│   └── stacks/             # Per-stack guidelines (15+ stacks)
├── scripts/
│   ├── search.py           # CLI: BM25 + regex hybrid search
│   ├── core.py             # Search engine core
│   └── design_system.py    # Design system generation logic
└── templates/
    ├── base/               # Canonical skill-content.md + quick-reference.md
    └── platforms/          # Platform-specific JSON configs

.claude/skills/ui-ux-pro-max/  # Claude Code symlinks to src/
.factory/skills/ui-ux-pro-max/ # Droid symlinks to src/

cli/                        # uipro-cli npm package
└── assets/                 # Bundled copies of data/ + scripts/ + templates/

Search Engine

BM25 + regex hybrid. Domain auto-detection when --domain is omitted. CLI invocation:

python3 src/ui-ux-pro-max/scripts/search.py "<query>" --domain <domain> [-n <max_results>]
python3 src/ui-ux-pro-max/scripts/search.py "<query>" --stack <stack>

Domains: product, style, typography, color, landing, chart, ux

Required Runtime

  • Python 3.x (search engine)
  • Node.js + npm (uipro-cli installer)
03

Components

UI UX Pro Max — Components

Skills

Name File Purpose
ui-ux-pro-max .claude/skills/ui-ux-pro-max/SKILL.md Main skill: design intelligence, rule categories, BM25 search usage
design .claude/skills/design/SKILL.md General design guidance
design-system .claude/skills/design-system/SKILL.md Design system generation
ui-styling .claude/skills/ui-styling/SKILL.md Styling-specific guidance
slides .claude/skills/slides/SKILL.md Presentation design guidance
brand .claude/skills/brand/SKILL.md Brand identity guidance
banner-design .claude/skills/banner-design/SKILL.md Banner/ad design

CLI (uipro-cli)

Command Purpose
uipro init --ai <platform> Install skill files for a specific AI platform
uipro init --ai all Install for all supported platforms

Databases (CSV)

File Records Purpose
products.csv 161 Product type → recommended style, color, typography, pattern
styles.csv 67 UI styles with keywords, CSS patterns, AI prompts
colors.csv 161 Color palettes by product type
typography.csv 57 Font pairings with Google Fonts imports
landing.csv 24 Landing page patterns with CTA strategies
chart.csv 25 Chart types with library recommendations
ux.csv 99 UX guidelines across 10 categories
stacks/ 15+ Per-stack implementation guidelines

Design Rule Categories (Priority Order)

  1. Accessibility (CRITICAL) — contrast, focus, alt text, keyboard nav, aria-labels
  2. Touch & Interaction (CRITICAL) — min 44×44px, 8px+ spacing, loading feedback
  3. Performance (HIGH) — WebP/AVIF, lazy loading, CLS < 0.1
  4. Style Selection (HIGH) — match product type, consistency
  5. Layout & Responsive (HIGH) — mobile-first, viewport meta
  6. Typography & Color (MEDIUM) — base 16px, line-height 1.5
  7. Animation (MEDIUM) — 150–300ms duration
  8. Forms & Feedback (MEDIUM) — visible labels, error near field
  9. Navigation Patterns (HIGH) — bottom nav ≤5, predictable back
  10. Charts & Data (LOW) — legends, tooltips, accessible colors
05

Prompts

UI UX Pro Max — Prompt Excerpts

Excerpt 1: Skill Description Trigger (from .claude/skills/ui-ux-pro-max/SKILL.md)

Technique: Exhaustive action/project/element/style enumeration as trigger specification

---
name: ui-ux-pro-max
description: "UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color 
palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 
10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, 
and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, 
enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, 
e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, 
card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, 
neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design."
---

Analysis: The description is a comprehensive trigger specification that combines domain databases (161 color palettes), action verbs (plan, build, create...), project types, UI elements, and styles. This maximizes the surface area for autonomous skill activation without being vague.


Excerpt 2: Priority Rule Table (from SKILL.md)

Technique: Priority-ordered rule categories with CRITICAL/HIGH/MEDIUM/LOW markers

| Priority | Category | Impact | Domain | Key Checks (Must Have) | Anti-Patterns (Avoid) |
|----------|----------|--------|--------|------------------------|------------------------|
| 1 | Accessibility | CRITICAL | `ux` | Contrast 4.5:1, Alt text, Keyboard nav | Removing focus rings, Icon-only buttons |
| 2 | Touch & Interaction | CRITICAL | `ux` | Min size 44×44px, 8px+ spacing | Reliance on hover only |
| 3 | Performance | HIGH | `ux` | WebP/AVIF, Lazy loading, CLS < 0.1 | Layout thrashing |
| 4 | Style Selection | HIGH | `style`, `product` | Match product type, SVG icons | Mixing flat & skeuomorphic randomly |

Analysis: The priority table is executable: CRITICAL rules must never be violated (accessibility), HIGH rules are near-mandatory, MEDIUM are important, LOW are best-effort. The Domain column maps to the BM25 search domain argument (--domain ux, --domain style, etc.), making the table a navigation guide for the search engine.


Excerpt 3: Design Brief Output Contract (from SKILL.md)

Technique: Example output as forced format specification

PRE-DELIVERY CHECKLIST:
  [ ] No emojis as icons (use SVG: Heroicons/Lucide)
  [ ] cursor-pointer on all clickable elements
  [ ] Hover states with smooth transitions (150-300ms)
  [ ] Light mode: text contrast 4.5:1 minimum
  [ ] Focus states visible for keyboard nav
  [ ] prefers-reduced-motion respected
  [ ] Responsive: 375px, 768px, 1024px, 1440px

Analysis: The pre-delivery checklist is a mandatory output artifact — it appears in every design brief. Each item is binary (checkbox), specific (Heroicons/Lucide, not "use icons"), and measurable (4.5:1 not "good contrast", 150-300ms not "fast transitions"). Breakpoints are explicit (375, 768, 1024, 1440).

09

Uniqueness

UI UX Pro Max — Uniqueness & Positioning

Differs From Seeds

No direct equivalent in the 11 seeds. The closest seeds in distribution style are superpowers (multi-platform skills plugin) and unslop (multi-platform rule files), but ui-ux-pro-max is design intelligence rather than process or prose. It is the only tool in the corpus that ships a curated, searchable design knowledge base (CSV databases) as part of the skill payload, with a BM25 + regex search engine for domain-specific lookup.

Distinct from all other tools: this framework provides domain knowledge (what makes good UI for a spa vs. a SaaS tool) rather than process/quality tooling.

Observable Failure Modes

  1. Python dependency: Requires Python 3.x for the search engine — may not be available in all agent environments.
  2. 83,052 stars but unusual: 83K stars is extremely high for a tool in this category — likely reflects the wider nextlevelbuilder community reach rather than pure organic interest.
  3. CSV database freshness: Design trends change; the CSV databases need periodic updates.
  4. Single-domain search limitation: The --domain flag is required for optimal results; domain auto-detection may miss nuanced queries.
  5. Sync complexity: The SSOT/mirror sync (scripts/sync-mirrors.sh) must run before publishing any platform-specific update.

Distinctive Opinion

AI coding assistants generate technically correct code but lack design taste. Curated, searchable design databases embedded in a skill — not just rules, but actual data about what works for which product type — give agents the design knowledge they cannot learn from code.

Notable Numbers

83,052 GitHub stars (highest in this batch by far), 8,546 forks. These numbers suggest either viral sharing in design communities or artificially inflated metrics — the typical star count for tools of this type is 44-486 in this batch. The repo content and quality do not obviously explain the differential.

04

Workflow

UI UX Pro Max — Workflow

Design System Generation (v2.0)

Step Action Artifact
1. User request "Build a landing page for my beauty spa" Natural language
2. Multi-domain search 5 parallel BM25 searches: product type, style, color, landing patterns, typography 5 match sets
3. Reasoning engine Match product → UI category rules; apply style priorities (BM25 ranking); filter anti-patterns for industry; process decision rules Ranked recommendations
4. Design brief output Structured recommendation with style, colors, typography, patterns, anti-patterns, pre-delivery checklist Design System Brief

Output Format (Design Brief)

TARGET: [Project Name] - RECOMMENDED DESIGN SYSTEM
PATTERN: [pattern name] with [conversion strategy]
STYLE: [style name] - Keywords, best-for, accessibility grade
COLORS: Primary, Secondary, CTA, Background, Text
TYPOGRAPHY: [heading font] / [body font] - Mood, best-for, Google Fonts URL
KEY EFFECTS: [effects list]
AVOID (Anti-patterns): [industry-specific antipatterns]
PRE-DELIVERY CHECKLIST:
  [ ] No emojis as icons (use SVG: Heroicons/Lucide)
  [ ] cursor-pointer on all clickable elements
  [ ] Hover states with smooth transitions (150-300ms)
  [ ] Light mode: text contrast 4.5:1 minimum
  [ ] Focus states visible for keyboard nav
  [ ] prefers-reduced-motion respected
  [ ] Responsive: 375px, 768px, 1024px, 1440px

Skill Invocation Conditions

The skill MUST be used for:

  • Designing new pages
  • Creating/refactoring UI components
  • Choosing color schemes, typography systems
  • Reviewing UI code for UX/accessibility
  • Making product-level design decisions

The skill SHOULD be skipped for:

  • Pure backend logic
  • API/database design
  • Performance optimization unrelated to interface
  • Infrastructure/DevOps

Pre-Delivery Checklist

Automatically included in every design brief. 7 mandatory checks before delivering any UI work.

06

Memory Context

UI UX Pro Max — Memory & Context

State Storage

No persistent session memory. The CSV databases are the static knowledge base; the skill reads them on demand via the Python search script.

Knowledge Base

The databases are bundled with the skill:

  • src/ui-ux-pro-max/data/*.csv — canonical CSVs
  • Copied into cli/assets/data/ for the npm bundle
  • Symlinked into .claude/skills/ui-ux-pro-max/ for Claude Code access

Search Cache

None — each design brief requires fresh searches. No caching of search results between sessions.

Cross-Session Handoff

None. The design brief is output to conversation; no artifact is written to disk automatically.

Config File

skill.json — version, platforms, install command. Not a runtime config.

07

Orchestration

UI UX Pro Max — Orchestration

Multi-Agent Pattern

Pattern: parallel-fan-out (design system generation runs 5 parallel domain searches).

Within the Design System Generator:

  • 5 parallel BM25 searches across: product, style, color, landing, typography
  • Results aggregated by reasoning engine
  • Single design brief produced

Outside of Design System Generator: single agent, no multi-agent.

Execution Mode

One-shot — invoked per design task; no daemon, no continuous loop.

Multi-Model

No. The skill runs entirely within the primary agent.

Isolation Mechanism

None — in-place.

Cross-Tool Portability

High — same skill files install to 18+ AI platforms via uipro init --ai <platform>: Claude, Cursor, Windsurf, Antigravity, Copilot, Kiro, Codex, Qoder, Roo Code, Gemini, Trae, OpenCode, Continue, CodeBuddy, Droid, KiloCode, Warp, Augment.

08

Ui Cli Surface

UI UX Pro Max — UI / CLI Surface

CLI Binary

Yes — uipro (npm package uipro-cli, installed globally).

  • Not a thin wrapper: own installer runtime with template rendering
  • Subcommands: init --ai <platform>
  • Multi-platform: supports 18 AI platforms via --ai flag

Python Search CLI (Internal)

python3 src/ui-ux-pro-max/scripts/search.py "<query>" --domain <domain> [-n <max_results>]
python3 src/ui-ux-pro-max/scripts/search.py "<query>" --stack <stack>

Used internally by the skill when Claude runs design lookups. Not a user-facing CLI.

UI / Dashboard

None. Design briefs are rendered as text output in the AI agent conversation.

IDE Integration

18+ platforms supported, each receiving platform-appropriate skill files:

  • Claude Code: skills directory + plugin marketplace
  • Cursor: .cursor/rules/ format
  • Windsurf: windsurf rules format
  • Antigravity: antigravity format
  • Copilot, Kiro, Codex, and 12 more

Observability

No audit log. Design brief is conversational output only.

Website

Screenshots available at uupm.cc. The tool has a dedicated marketing site with examples.

Related frameworks

same archetype · same primary tool · same memory type

Superpowers ★ 207k

Enforces spec-first, TDD, and subagent-reviewed development as mandatory automatic workflows rather than optional practices.

Anthropic Skills (Official) ★ 141k

Official Anthropic reference gallery for the Agent Skills standard, spanning creative, technical, and enterprise capability…

OpenAI Skills (Official) ★ 20k

Tiered library of integration and workflow skills for Codex, with a self-bootstrapping skill-installer that lets agents discover…

daymade/claude-code-skills ★ 1.1k

52 production-hardened skills with emphasis on skill craftsmanship — a fork of Anthropic's official skill-creator with security…

Superpowers Lab ★ 344

Experimental skill incubator extending Superpowers with interactive CLI automation, on-demand MCP discovery, semantic…

openspec-skills (chyiiiiiiiiiiii) ★ 6

Ports the OpenSpec proposal/apply/archive SDD lifecycle into three plain SKILL.md files requiring zero runtime dependencies.