ui-ux-pro-max

Generate complete design systems with styles, palettes, typography, and components.

Updated May 27, 2026
One-click install
npx skills add https://github.com/ashcabula30/NowhereToSpend --skill ui-ux-pro-max-ashcabula30
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/ashcabula30/NowhereToSpend/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/ashcabula30/NowhereToSpend --skill ui-ux-pro-max-ashcabula30

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides design intelligence to accelerate and elevate web and mobile interfaces, offering a broad database of styles, palettes, typography, and UX guidelines to inform decisions and implementation.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 technology stacks
  • Searchable database with priority-based recommendations to guide design choices and ensure consistency
  • Use cases include designing new pages, refactoring components, selecting color systems, and performing UX/code reviews for accessibility and quality

Quick Start

Ask the skill to generate a complete design system and recommendations for your project, targeting your stacks and pages.

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 product?

Generate a complete design system by specifying your product type and target technology stacks. The system provides hierarchical design guidance, delivering UI patterns, color palettes, typography pairings, and accessible components for web and mobile pages.

What is the best way to ensure UI accessibility and consistency when refactoring components?

Ensure UI accessibility and consistency by applying master rules and page overrides to review UI code. This checks components against 99 UX guidelines and established design patterns to maintain quality across web and mobile interfaces.

Can I get typography and color palette recommendations for specific technology stacks?

Yes, you can get typography and color palette recommendations by searching the database across 10 technology stacks. It provides priority-based recommendations from 161 color palettes and 57 font pairings to match your specific stack requirements.

Does this design intelligence tool support selecting UX guidelines for different product types?

This design intelligence tool supports selecting UX guidelines across 161 product types. It uses domain searches to deliver practical implementation steps and targeted UX guidance for your specific product context.

How do I choose the right color scheme and styles for a new page from scratch?

Choose the right color scheme and styles by querying the database of 50+ styles and 161 color palettes. It applies priority-based recommendations to guide your design choices and ensure visual consistency for new pages.

What are the limitations when applying design system overrides for mobile versus web?

Limitations when applying design system overrides involve managing hierarchical rules between web and mobile. You must carefully apply page overrides to ensure master rules remain consistent without breaking accessibility or component patterns across platforms.