Generate Comprehensive UI/UX Design Systems

UI/UX Pro Max is a searchable design-intelligence database - 50+ UI styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks - queried through a Python CLI (search.py) rather than browsed as static reference. Its rules are organized into eight priority tiers: CRITICAL (accessibility - 4.5:1 color contrast, visible focus states, alt text, aria-labels, keyboard nav order, labeled form inputs; touch and interaction - 44x44px minimum touch targets, disabled-during-load buttons, near-problem error feedback), HIGH (performance - WebP/srcset/lazy-loaded images, respecting prefers-reduced-motion; layout - viewport meta, 16px minimum mobile body text, a defined z-index scale), MEDIUM (typography and color, animation timing of 150-300ms, style-to-product matching), and LOW (chart type selection, accessible chart color palettes, table alternatives).

Use it when designing new UI components or pages, choosing color palettes and typography, reviewing existing code for UX issues, building a landing page or dashboard, or implementing accessibility requirements. The recommended workflow always starts with generating a full design system (--design-system, required) before narrowing into detailed domain searches or stack-specific guidance - it is a lookup and recommendation engine, not a code generator, so implementation still means synthesizing its recommendations into actual markup.

Input: a product description - product type, style keywords, industry, target stack, defaulting to html-tailwind if unspecified - passed to the search CLI. Output: a complete design system (pattern, style, color palette, typography, effects, and anti-patterns to avoid), plus, on follow-up searches, domain-specific detail across ten domains (product, style, typography, color, landing, chart, ux, react, web, prompt) and stack-specific implementation notes across nine stacks (html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter, shadcn).

python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"]

Output format defaults to an ASCII box for terminal display, or -f markdown for documentation. Alongside the search tool, it carries a set of concrete, commonly-missed professional-UI rules - no emoji icons (use Heroicons, Lucide, or Simple Icons SVGs instead), cursor-pointer on every clickable element, light-mode text contrast of at least #0F172A rather than #94A3B8, and floating navbars spaced from the viewport edge rather than stuck flush to it - and a pre-delivery checklist covering visual quality, interaction, light/dark mode, layout, and accessibility before UI code ships.

Built around a Python CLI script run directly (with OS-specific install instructions for Python if it is missing), searching a CSV-backed reasoning engine (ui-reasoning.csv) across its ten domains and nine supported frontend and mobile stacks.

Designers and developers who want data-backed, priority-ranked UI/UX recommendations - a full design system generated from a one-line product description, plus stack-specific implementation guidance - rather than starting from a blank page or relying on memorized best practices.