ui-ux-pro-max

Generate design systems with styles, color palettes, font pairings, and UX guidelines.

Updated Feb 20, 2026

Search Tags:#typography #accessibility #design system #ui/ux #color palette #web design #mobile app design

Ready to run

npx skills add https://github.com/garethdaine/agent --skill ui-ux-pro-max-garethdaine

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/garethdaine/agent/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/garethdaine/agent --skill ui-ux-pro-max-garethdaine

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, re, pathlib, math, collections, json, argparse, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, helping users create professional, accessible, and visually appealing interfaces for web and mobile applications.

Core Features & Use Cases

Design System Generation: Creates tailored design systems based on project requirements.
Component & Style Recommendations: Offers guidance on colors, typography, layouts, and UI elements.
UX Best Practices: Enforces critical accessibility and interaction guidelines.
Use Case: Generate a complete design system for a new FinTech dashboard, including color palettes, font pairings, and accessibility best practices.

Quick Start

Generate a design system for a 'SaaS dashboard' project.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a design system for a web or mobile app project?▼

To generate a design system, you provide your project requirements, such as a 'SaaS dashboard' or 'FinTech app'. The system outputs tailored color palettes, font pairings, and component recommendations based on 50+ styles and 9 technology stacks.

What font pairings and color palettes work best for UI/UX accessibility?▼

For UI/UX accessibility, the system provides 57 font pairings and 97 color palettes. It filters these options against 99 UX guidelines to recommend combinations that ensure visual appeal and critical accessibility adherence.

Can I use this to get component recommendations for a specific technology stack?▼

Yes, you can get component recommendations for your technology stack. The system supports 9 different technology stacks, offering specific UI element, layout, and interaction guidance tailored to your chosen development environment.

Does this design system generator enforce UX best practices and accessibility guidelines?▼

Yes, the design system generator enforces UX best practices and accessibility guidelines. It integrates 99 specific UX guidelines into its recommendations to ensure your web and mobile interfaces meet critical interaction and accessibility standards.

What is the best way to choose a UI style for a new SaaS dashboard?▼

The best way to choose a UI style for a SaaS dashboard is querying the system with your project context. It matches your requirements against 50+ available styles to recommend the most suitable visual direction, complete with colors and typography.