ui-ux-pro-max

Generate UI/UX design systems with palettes, typography, and components.

Updated Mar 3, 2026
One-click install
npx skills add https://github.com/eniosales08-AI/paraguay-shopping-search --skill ui-ux-pro-max-eniosales08-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/eniosales08-AI/paraguay-shopping-search/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/eniosales08-AI/paraguay-shopping-search --skill ui-ux-pro-max-eniosales08-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX design intelligence for web and mobile projects: a comprehensive design system and guidelines to accelerate design decisions and ensure consistency.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Searchable database with priority-based recommendations to match product type, brand, and accessibility needs.
  • Use cases include designing components, reviewing code for UX issues, choosing color palettes, typography, and creating landing pages or dashboards.

Quick Start

Request a complete UI design system for your product, including style, color, typography, and components.

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 create a consistent UI design system for a React and Next.js web project?

To create a UI design system for web projects, you can generate comprehensive guidelines covering style, color palettes, typography pairings, and component patterns. This provides reusable rules ensuring design consistency across React, Next.js, and other stacks.

Can I get color palette and typography recommendations that meet accessibility standards?

Yes, you can get color palette and typography recommendations tailored to accessibility needs. The system applies priority-based matching to ensure your chosen styles and font pairings comply with UX accessibility guidelines.

What's the best way to design UI components for mobile apps using Flutter and SwiftUI?

The best way to design UI components for mobile apps is using a searchable database of component patterns and UX guidelines. It supports stacks like Flutter, SwiftUI, and React Native to accelerate consistent mobile interface creation.

Does this UI design guidance work with Tailwind and shadcn/ui for building dashboards?

Yes, this UI design guidance works with Tailwind and shadcn/ui for building dashboards. It delivers component patterns and design rules specifically mapped to these stacks, ensuring your dashboard interface maintains visual consistency.

How do I choose the right font pairing and color palette for my product landing page?

You can choose the right font pairing and color palette by querying a searchable database of 97 palettes and 57 font pairings. It provides priority-based recommendations matching your product type and brand requirements.

Why should I use a generated design system instead of manually picking UI styles and components?

Using a generated design system accelerates design decisions and ensures consistency across 50+ styles and 9 technology stacks. Manually picking UI styles lacks structured accessibility rules and reusable component patterns, leading to fragmented interfaces.