nextlevelbuilder/ui-ux-pro-max-skill

UI UX Pro Max – AI‑powered design assistant

What it is – An open‑source “skill” that can be added to AI coding assistants (Claude, Cursor, Gemini, Copilot, etc.). When you ask the assistant to design a UI, the skill runs a local Python‑based search + reasoning engine and returns a complete design system: layout pattern, visual style, colour palette, typography, interaction effects and a pre‑delivery checklist.

Key capabilities

• Design System Generator – Takes a natural‑language request (e.g. “build a landing page for my beauty spa”) and, using 192 industry‑specific reasoning rules, produces a ready‑to‑implement spec.
• 79 searchable UI styles (50 active) such as Glassmorphism, Neumorphism, Minimalism, etc., each with stable IDs.
• 192 colour palettes and 74 font pairings mapped to 192 product‑type categories.
• 22 tech‑stack guides (React, Vue, Flutter, SwiftUI, etc.) that tailor the recommendations to the framework you’re using.
• 119 UX guidelines covering accessibility, responsive breakpoints, focus states, reduced‑motion, and resilient text handling.
• CLI tool (ui-ux-pro-max-cli) that installs a uipro command. With uipro init --ai <assistant> you add the skill to the chosen AI assistant, either per‑project or globally.
• Offline‑friendly – The only runtime dependency is Python 3.x; the search script uses the standard library and makes no network calls.

How it works (high‑level flow)

1. User request – You type a design brief to your AI assistant.
2. Multi‑domain search – The skill runs five parallel searches (product type, style, colour, pattern, typography) against its curated datasets.
3. Reasoning engine – Applies BM25 ranking, rule‑based matching, and JSON‑encoded decision rules to pick the best pattern, style, colours, fonts, and effects while filtering anti‑patterns.
4. Output – A structured design system (as shown in the README) plus a checklist of accessibility and implementation constraints.

Basic vs. Premium

• The repository provides the basic (open‑source) version: all UI/UX intelligence, style search, and design‑system generation.
• A premium offering adds brand‑identity assets, AI‑generated images, deeper token architecture and priority support, but it is sold separately on the project website.

Who might use it

• Front‑end developers who want rapid, consistent design specs without manually researching UI trends.
• Teams using AI‑augmented coding assistants that can automatically invoke the skill.
• Hobbyists building prototypes who need a quick, industry‑appropriate visual direction.

Installation snapshot

npm install -g ui-ux-pro-max-cli   # installs the `uipro` command
uipro init --ai claude            # add the skill to Claude Code (or any other supported assistant)

What you get – a text‑based design system that you can copy into your codebase (HTML/CSS, Tailwind, React components, Flutter widgets, etc.) and then flesh out with actual UI code.

---

All details are taken directly from the repository’s README; no additional features are inferred.