UI/UX Pro Max — Design Intelligence
Comprehensive design guide with searchable database. 67 styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 16 technology stacks. Priority-based recommendations with reasoning rules.
Source: nextlevelbuilder/ui-ux-pro-max-skill
Usage
Generate Design System (primary workflow)
python3 ${SKILLS_HOME}/Frontend/UIUXProMax/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"]
Returns: complete design system with pattern, style, colors, typography, effects + anti-patterns to avoid.
Search Specific Domains
python3 ${SKILLS_HOME}/Frontend/UIUXProMax/scripts/search.py "<query>" --domain <domain>
Domains: style, color, typography, ux, landing, product, chart, react, icons, app-interface
Stack-Specific Best Practices
python3 ${SKILLS_HOME}/Frontend/UIUXProMax/scripts/search.py "<query>" --stack <stack>
Stacks: react, nextjs, vue, nuxtjs, nuxt-ui, svelte, astro, html-tailwind, shadcn, swiftui, react-native, flutter, jetpack-compose, threejs, angular, laravel
Persist Design System
python3 ${SKILLS_HOME}/Frontend/UIUXProMax/scripts/search.py "<query>" --design-system --persist
Saves to .ui-ux-pro-max/DESIGN_SYSTEM.md for cross-session retrieval.
Data Files
| File |
Records |
Content |
data/design.csv |
1,775 |
Core design rules + reasoning |
data/google-fonts.csv |
1,924 |
Font pairings with usage context |
data/draft.csv |
1,778 |
Draft/extended rules |
data/products.csv |
162 |
Product type → design pattern mapping |
data/colors.csv |
161 |
Color palettes by industry/mood |
data/ui-reasoning.csv |
162 |
Why-rules for style selection |
data/icons.csv |
105 |
Icon library recommendations |
data/ux-guidelines.csv |
99 |
UX rules by priority |
data/styles.csv |
85 |
Style definitions (glass, clay, etc.) |
data/typography.csv |
74 |
Typography scale + pairing rules |
data/stacks/*.csv |
~50 each |
Per-framework best practices |
Quick Reference
See templates/base/quick-reference.md for the full 300+ rule checklist across 10 categories:
- Accessibility (CRITICAL)
- Touch & Interaction (CRITICAL)
- Performance (HIGH)
- Style Selection (HIGH)
- Layout & Responsive (HIGH)
- Typography & Color (MEDIUM)
- Animation (MEDIUM)
- Forms & Feedback (MEDIUM)
- Navigation Patterns (HIGH)
- Charts & Data (LOW)
1---2name: uiuxpromax3description: Data-driven UI/UX design intelligence — 67 styles, 161 palettes, 57 font pairings, 25 chart types, 99 UX guidelines across 16 tech stacks. Python search tool for context-aware design recommendations. USE WHEN design system, color palette, font pairing, style selection, UX guidelines, chart design, design review, UI audit, landing page design, dashboard design, SaaS design, glassmorphism, claymorphism, brutalism, neumorphism, bento grid, dark mode, responsive design, product type design, design intelligence, pro max.4---56# UI/UX Pro Max — Design Intelligence78Comprehensive design guide with searchable database. 67 styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 16 technology stacks. Priority-based recommendations with reasoning rules.910Source: [nextlevelbuilder/ui-ux-pro-max-skill](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill)1112## Usage1314### Generate Design System (primary workflow)1516```bash17python3 ${SKILLS_HOME}/Frontend/UIUXProMax/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"]18```1920Returns: complete design system with pattern, style, colors, typography, effects + anti-patterns to avoid.2122### Search Specific Domains2324```bash25python3 ${SKILLS_HOME}/Frontend/UIUXProMax/scripts/search.py "<query>" --domain <domain>26```2728Domains: `style`, `color`, `typography`, `ux`, `landing`, `product`, `chart`, `react`, `icons`, `app-interface`2930### Stack-Specific Best Practices3132```bash33python3 ${SKILLS_HOME}/Frontend/UIUXProMax/scripts/search.py "<query>" --stack <stack>34```3536Stacks: react, nextjs, vue, nuxtjs, nuxt-ui, svelte, astro, html-tailwind, shadcn, swiftui, react-native, flutter, jetpack-compose, threejs, angular, laravel3738### Persist Design System3940```bash41python3 ${SKILLS_HOME}/Frontend/UIUXProMax/scripts/search.py "<query>" --design-system --persist42```4344Saves to `.ui-ux-pro-max/DESIGN_SYSTEM.md` for cross-session retrieval.4546## Data Files4748| File | Records | Content |49|---|---|---|50| `data/design.csv` | 1,775 | Core design rules + reasoning |51| `data/google-fonts.csv` | 1,924 | Font pairings with usage context |52| `data/draft.csv` | 1,778 | Draft/extended rules |53| `data/products.csv` | 162 | Product type → design pattern mapping |54| `data/colors.csv` | 161 | Color palettes by industry/mood |55| `data/ui-reasoning.csv` | 162 | Why-rules for style selection |56| `data/icons.csv` | 105 | Icon library recommendations |57| `data/ux-guidelines.csv` | 99 | UX rules by priority |58| `data/styles.csv` | 85 | Style definitions (glass, clay, etc.) |59| `data/typography.csv` | 74 | Typography scale + pairing rules |60| `data/stacks/*.csv` | ~50 each | Per-framework best practices |6162## Quick Reference6364See `templates/base/quick-reference.md` for the full 300+ rule checklist across 10 categories:651. Accessibility (CRITICAL)662. Touch & Interaction (CRITICAL)673. Performance (HIGH)684. Style Selection (HIGH)695. Layout & Responsive (HIGH)706. Typography & Color (MEDIUM)717. Animation (MEDIUM)728. Forms & Feedback (MEDIUM)739. Navigation Patterns (HIGH)7410. Charts & Data (LOW)
mj-deving