UI/UX Pro Max - Design Intelligence

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks. A searchable database (scripts/search.py over data/ CSVs) gives priority-based design recommendations.

This SKILL.md is the thin entry point. Bulky reference material lives under references/ and is read on demand — see References below.

Workflow at a High Level

The skill is data-driven: a Python CLI (scripts/search.py) queries CSV catalogs under data/ and returns priority-ranked design recommendations.

To design or build a page/component:

1. Analyze requirements — extract product type, target audience, style keywords, and stack.
2. Generate a design system (REQUIRED first step) — run search.py "<keywords>" --design-system to get a complete recommendation (pattern, style, colors, typography, effects + anti-patterns). Optionally --persist it as a Master + page-overrides set for cross-session reuse.
3. Supplement with domain searches — deep-dive any dimension you're unsure about with --domain <domain>.
4. Add stack guidelines — --stack react-native for implementation-specific best practices.
5. Synthesize and implement, then run the pre-delivery checks.

To review or fix existing UI: start from the Quick Reference 10-category checklist; jump to the category that matches the problem.