UI UX Pro Max

Search palettes, font pairings, interaction guidelines and stack-specific advice when exploring directions or building a design system.

Interface designnextlevelbuilder/ui-ux-pro-max-skillMITSources checked: 2026-10-21

See installation steps View original Skill

Features

Search palettes, font pairings, interaction rules, chart guidance and stack-specific design advice.
Generate design system suggestions around page goals and compare implementation directions.

When to use it

Useful for setting up interface guidelines, comparing design approaches, or finding framework-specific design advice.

Before you start

The CLI requires Node.js / npm. Local search scripts require Python 3 and use its standard library.

Usage example

Follow this illustrative workflow, replacing file names and goals with your own project details.

Define interface guidelines for a booking product

What to prepare: Product positioning, target users, key page types and the technology stack.
Workflow: Find suitable color, typography and interaction guidance and turn it into reusable design constraints.
Expected deliverables: Design system guidance, key component states, selection rationale and one applied page example.

Recommended prompts

Replace the bracketed placeholders, then paste into an AI tool with this skill installed. Prompts follow the interface language; copying preserves the full text and line breaks.

Use the ui-ux-pro-max skill to define UI guidelines for [product positioning and audience] using [technology stack]. Cover booking, listing and detail pages. Research suitable colors, typography, spacing and interaction rules, explain the choices, and define key component states and accessibility requirements. Deliver reusable design constraints and one applied page example. Separate recommendations from unresolved product decisions.

Review the page example against the guidelines. Check consistency in colors, type, spacing and component states, plus text contrast and touch targets. Resolve conflicts with specific changes without introducing unrelated visual styles.

Supported AI tools

Claude CodeTerminal in your project folder
Codex CLITerminal in your project folder
CursorTerminal in your project folder
Gemini CLITerminal in your project folder

These are common tools supported by the project. Windsurf, GitHub Copilot, OpenCode and others are also listed in the original documentation.

Installation

Requires Node.js / npm and Python 3. The first command installs the CLI globally; run the second from your project root.

Choose an AI tool

Run in: Terminal in your project folder

Use the current ui-ux-pro-max-cli package. After installation, request this skill in UI/UX tasks.

npm install -g ui-ux-pro-max-cli

uipro init --ai claude

Restart the tool or open a new session, then mention this skill when describing your task.

Check the official setup guide

Source and license

This guide summarizes the original skill definition, README and setup documentation. Models, accounts and external services are provided by their respective tools.

SKILL.md README License terms