UI/UX Pro Max

Frontend & Design

A comprehensive UI/UX design intelligence system with 50+ styles, 97 color palettes, and 99 UX guidelines across 9 tech stacks.

Overview

UI/UX Pro Max is a design-intelligence skill that encodes deep knowledge about visual design, accessibility, and user experience into actionable rules for AI coding agents. It covers everything from color theory and typography to chart selection and responsive layout, ensuring every generated interface meets professional design standards.

The skill spans 9 technology stacks — React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui — so it adapts its output to whichever framework you are building with.

When to Use

• Building a new UI component and need production-quality styling defaults
• Choosing a color palette, font pairing, or design direction for a project
• Ensuring accessibility compliance (WCAG) in generated interfaces
• Creating data visualizations and need to pick the right chart type
• Designing touch-friendly mobile interfaces
• Need framework-specific UI guidance (e.g., SwiftUI vs. React Native patterns)

Key Features

• 50+ design styles — from minimalist to brutalist, covering a wide aesthetic range
• 97 color palettes — curated, ready-to-use palettes with semantic tokens
• 57 font pairings — tested heading + body combinations for strong typographic hierarchy
• 99 UX guidelines — actionable rules organized by priority
• 25 chart types — guidance on when and how to use each visualization
• 9 tech stacks — framework-aware output for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui
• Priority-based rule system:
  • CRITICAL — Accessibility, Touch targets
  • HIGH — Performance, Layout
  • MEDIUM — Typography, Animation, Style
  • LOW — Charts

Example Prompts

"Design a dashboard with a warm color palette and strong data visualization"
"Create an accessible signup form following WCAG AA standards"
"Build a mobile-first product card component with good touch targets"

Source

• Skill folder: skills/ui-ux-pro-max/
• Standard: agentskills.io