Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

nextlevelbuilder/ui-ux-pro-max-skill

Open more actions menu

Repository files navigation

UI UX Pro Max

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

UI UX Pro Max

Overview

UI UX Pro Max is a searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices. It works as a skill/workflow for AI coding assistants (Claude Code, Cursor, Windsurf, etc.).

Features

  • 57 UI Styles - Glassmorphism, Claymorphism, Minimalism, Brutalism, Neumorphism, Bento Grid, Dark Mode, and more
  • 95 Color Palettes - Industry-specific palettes for SaaS, E-commerce, Healthcare, Fintech, Beauty, etc.
  • 56 Font Pairings - Curated typography combinations with Google Fonts imports
  • 24 Chart Types - Recommendations for dashboards and analytics
  • 8 Tech Stacks - React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, HTML+Tailwind
  • 98 UX Guidelines - Best practices, anti-patterns, and accessibility rules

Installation

Using CLI (Recommended)

# Install CLI globally
npm install -g uipro-cli

# Go to your project
cd /path/to/your/project

# Install for your AI assistant
uipro init --ai claude      # Claude Code
uipro init --ai cursor      # Cursor
uipro init --ai windsurf    # Windsurf
uipro init --ai antigravity # Antigravity (.agent + .shared)
uipro init --ai copilot     # GitHub Copilot
uipro init --ai kiro        # Kiro
uipro init --ai all         # All assistants

Other CLI Commands

uipro versions              # List available versions
uipro update                # Update to latest version
uipro init --version v1.0.0 # Install specific version

Manual Installation

Copy the appropriate folders to your project:

AI Assistant Folders to Copy
Claude Code .claude/skills/ui-ux-pro-max/
Cursor .cursor/commands/ui-ux-pro-max.md + .shared/ui-ux-pro-max/
Windsurf .windsurf/workflows/ui-ux-pro-max.md + .shared/ui-ux-pro-max/
Antigravity .agent/workflows/ui-ux-pro-max.md + .shared/ui-ux-pro-max/
GitHub Copilot .github/prompts/ui-ux-pro-max.prompt.md + .shared/ui-ux-pro-max/
Kiro .kiro/steering/ui-ux-pro-max.md + .shared/ui-ux-pro-max/

Prerequisites

Python 3.x is required for the search script.

# Check if Python is installed
python3 --version

# macOS
brew install python3

# Ubuntu/Debian
sudo apt update && sudo apt install python3

# Windows
winget install Python.Python.3.12

Usage

Claude Code

The skill activates automatically when you request UI/UX work. Just chat naturally:

Build a landing page for my SaaS product

Cursor / Windsurf / Antigravity

Use the slash command to invoke the skill:

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

Kiro

Type / in chat to see available commands, then select ui-ux-pro-max:

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

GitHub Copilot

In VS Code with Copilot, type / in chat to see available prompts, then select ui-ux-pro-max:

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

Example Prompts

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

How It Works

  1. You ask - Request any UI/UX task (build, design, create, implement, review, fix, improve)
  2. Skill activates - The AI automatically searches the design database for relevant styles, colors, typography, and guidelines
  3. Smart recommendations - Based on your product type and requirements, it finds the best matching design system
  4. Code generation - Implements the UI with proper colors, fonts, spacing, and best practices

Supported Stacks

The skill provides stack-specific guidelines for:

  • HTML + Tailwind (default)
  • React / Next.js
  • Vue / Svelte
  • SwiftUI / React Native / Flutter

Just mention your preferred stack in the prompt, or let it default to HTML + Tailwind.

Star History

Star History Chart

License

This project is licensed under the MIT License.

Morty Proxy This is a proxified and sanitized view of the page, visit original site.