skills.rest
garethdaine
garethdaineCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/garethdaine/agent --skill ui-ux-pro-max-garethdaine
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
smithisrealdevsmithisrealdev

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced
devtitusdevtitus

ui-ux-pro-max

Generate design systems and accessibility audits for web and mobile applications.

Community
Advanced
Nikhil2005menariyaNikhil2005menariya

ui-ux-pro-max

Generate design systems and UX guidelines for web and mobile interfaces.

Community
Advanced
AlexbyxdAlexbyxd

ui-ux-pro-max

Generate UI/UX design recommendations with styles, color palettes, and font pairings.

Community
Advanced