ui-ux-pro-max

# UI/UX Pro Max - Design Intelligence Expert Comprehensive UI/UX design guide for web and mobile applications. Provides intelligent design recommendations based on product type, industry, and user requirements. Reference these guidelines when designing new UI, choosing colors and typography, reviewing code for UX issues, or implementing features. --- ## Workflow ### Step 1: Analyze User Requirements Extract from user request: - **Product type**: SaaS, e-commerce, portfolio, dashboard, landing page, etc. - **Style keywords**: minimal, playful, professional, elegant, dark mode, etc. - **Industry**: healthcare, fintech, gaming, education, beauty, etc. - **Tech stack**: React, Vue, Next.js, Svelte, Flutter, or html-tailwind (default) ### Step 2: Generate Design System Consult the reference data below (and CSV files in `data/`) for: - Recommended patterns and section layouts - Primary visual style with effects - Color palette (primary, secondary, CTA, background, text) - Typography pairing (heading + body fonts with Google Fonts URL) - Key effects and anti-patterns to avoid ### Step 3: Implementation Guidelines Apply stack-specific best practices from the reference data: - HTML/Tailwind utilities, responsive breakpoints - React hooks, state management, performance patterns - Vue Composition API, Pinia state - Flutter widgets, themes, navigation - Accessibility requirements (WCAG compliance) ### Step 4: Pre-Delivery Verification Run through all checklists (visual quality...