ui-ux-pro-max

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

Updated Mar 13, 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/DavidGD616/Running-app --skill ui-ux-pro-max-davidgd616

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/DavidGD616/Running-app/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/DavidGD616/Running-app --skill ui-ux-pro-max-davidgd616

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, palettes, typography, and best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

Design System Generation: Creates a complete design system based on project requirements.
Component Styling: Offers guidance on specific UI elements like buttons, cards, and forms.
Best Practice Enforcement: Provides critical checks for accessibility, performance, and responsiveness.
Use Case: When starting a new SaaS dashboard project, use this Skill to generate a cohesive design system, including color palettes, typography, and layout recommendations, ensuring a professional and consistent look and feel.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app'.

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 complete design system for a web or mobile app?▼

To generate a design system, define your project requirements and target platform. The skill outputs cohesive color palettes, 57 font pairings, and layout guidelines, ensuring a consistent look and feel across web and mobile applications.

Can I get UI component styling guidance for specific elements like buttons and forms?▼

Yes, you can get UI component styling guidance for specific elements. The skill provides actionable recommendations to build, design, and implement components like buttons, cards, and forms across 9 technology stacks.

What's the best way to enforce accessibility and responsiveness in UI design?▼

The best way to enforce accessibility and responsiveness is through critical review checks. The skill evaluates your UI/UX code against 99 UX guidelines, ensuring standards compliance, performance optimization, and responsive behavior.

Does this UI/UX design intelligence tool support specific technology stacks?▼

Yes, this UI/UX design intelligence tool supports 9 specific technology stacks. It allows you to plan, create, and refactor interface code with tailored design intelligence that fits your development environment.

How do I choose the right color palette and typography for a SaaS dashboard?▼

To choose the right color palette and typography for a SaaS dashboard, leverage the built-in library of 97 color palettes and 57 font pairings. The skill matches these design elements to your specific project requirements.