| name | ui-ux-pro-max |
| description | Design intelligence database for UI/UX work — 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines. Flutter has a dedicated stack file. Angular uses html-tailwind stack. BM25 search engine via Python scripts. Use when selecting design direction, palettes, typography, chart types, or getting stack-specific UX guidelines before writing UI code. |
| risk | low |
| source | community (adapted for workspace) |
| date_added | 2026-02-27 |
| updated | 2026-03-15 |
| allowed-tools | Bash, Read |
| metadata | {"triggers":"color palette, design style, font pairing, UI style, design system, typography, dashboard design, landing page design, UX guidelines, chart type, design inspiration, glassmorphism, brutalism, neumorphism, aurora UI","related-skills":"frontend-design, angular-spa, flutter-mobile, tailwind-patterns, design-system","domain":"frontend","role":"specialist","scope":"design","output-format":"document"} |
| last-reviewed | 2026-03-15 |
Iron Law
RUN --design-system FIRST before writing any UI code — it searches 5 domains in parallel and returns a complete design system. For Angular: use html-tailwind stack. For Flutter: use flutter stack. Scripts require Python 3.
UI/UX Pro Max — Design Intelligence Database
Searchable design knowledge database with BM25 search engine. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25+ chart types. Stacks: Angular (html-tailwind), Flutter, SwiftUI.
When to Use
- Choosing design style/aesthetic for a new Angular or Flutter UI
- Selecting a color palette for a specific product type (SaaS, health, fintech, etc.)
- Finding font pairings for a design direction
- Getting UX best practices (animation, z-index, accessibility, loading states)
- Recommending chart types for data visualization
- Getting stack-specific implementation guidelines
When NOT to Use
- For implementing Angular or Flutter code — use
angular-spa or flutter-mobile for that
- For design token enforcement — use
design-system for that
- For WCAG compliance audit — use
accessibility-audit for that
Workspace Stack Mapping
| Workspace Stack | Script Stack Flag | Notes |
|---|
| Angular 21.x + Tailwind v4 | --stack html-tailwind | No dedicated Angular CSV — html-tailwind covers Tailwind utilities, responsive, a11y |
| Flutter 3.41.x | --stack flutter | Dedicated flutter.csv with Riverpod, GoRouter, PopScope, ThemeData patterns |
| iOS/SwiftUI | --stack swiftui | SwiftUI-specific guidelines |
Angular gap documented: data/stacks/html-tailwind.csv covers Tailwind patterns and responsive design but does not include Angular-specific patterns (Signals, daisyUI, @defer). For Angular-specific patterns, load angular-spa alongside this skill.
Prerequisites
Python 3 required to run the search scripts:
