Agent skillsDesign

UI UX Pro Max: a design system for your product from one sentence

Left to itself, an agent picks colours and fonts with no reason behind them. UI UX Pro Max gives it a reference library: from a product description, a Python search finds a fitting page pattern, style, palette and font pair, filters out choices that clash with the industry, and returns a complete design system with a pre-delivery checklist.

139,660stars on GitHub · #10

Open on GitHub

Install

  • skills CLI
    npx skills add nextlevelbuilder/ui-ux-pro-max-skill

Download ZIP

Author
NextLevelBuilder
Licence
MIT
Pack
7 skills in the pack
Updated
23 October 2026
Agents
Claude Code

What it does

  • Design system generator: ask for a beauty spa landing page and get a section pattern, style, colours, typography and effects
  • 192 industry rules covering SaaS, banking, clinics, restaurants and more, each with a list of anti-patterns for that niche
  • A searchable base of 79 UI styles, 192 palettes, 74 font pairings, 25 chart types and 119 UX and accessibility guidelines
  • Stack-specific advice for 22 stacks, including React, Next.js, Vue, SwiftUI, Flutter, Tailwind and shadcn/ui
  • The pack holds about six skills: brand, design-system tokens, ui-styling, HTML slides, banners and Gemini logo generation

When to use it

  • You are starting a landing page and have no idea which palette and typefaces suit the niche
  • You need tokens and component specs so every screen of the product shares one style
  • Before release you want to check contrast, focus states, breakpoints and reduced-motion handling

Ask your agent

  • Generate a design system for a dental clinic website: colours, fonts and section order
  • Suggest a style and palette for a personal finance dashboard in Next.js with Tailwind
  • Run the UI UX Pro Max pre-delivery checklist on this page before we ship

Questions

How do I install UI UX Pro Max?

Run npx skills add nextlevelbuilder/ui-ux-pro-max-skill to get the whole pack. The scripts need Python 3; image generation also needs the google-genai and pillow packages.

Does UI UX Pro Max need a paid API?

Style, palette and font matching uses a built-in BM25 search over its data. The setup asks for a Gemini or MuAPI key only for generating logos, CIP mockups and icons.

Which frameworks does UI UX Pro Max support?

The README lists 22 stacks, among them React, Next.js, Astro, Vue, Svelte, SwiftUI, React Native, Flutter, Jetpack Compose and Angular.

DesignAll skills