ui-ux-pro-max

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

567|82|Updated Mar 15, 2026
One-click install
npx skills add https://github.com/pedronauck/skills --skill ui-ux-pro-max-pedronauck
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/pedronauck/skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/pedronauck/skills --skill ui-ux-pro-max-pedronauck

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (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 effective and user-friendly interfaces for various digital products.

Core Features & Use Cases

  • Design System Generation: Creates a complete design system based on project requirements, including patterns, styles, colors, and typography.
  • UX Best Practices: Offers guidelines on accessibility, performance, interaction, and layout.
  • Stack-Specific Guidance: Provides implementation details for various technology stacks like React, Next.js, and HTML/Tailwind.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a professional design system, select an appropriate color palette, and ensure accessibility standards are met.

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 my web application?

To generate a design system, this Skill processes project requirements to produce comprehensive UI/UX guidelines covering 50+ styles, 97 color palettes, and 57 font pairings for web and mobile applications.

What UX best practices should I follow to ensure interface accessibility?

For interface accessibility, this Skill provides 99 UX guidelines covering accessibility standards, performance metrics, interaction patterns, and layout rules to create user-centric designs.

Can I use this Skill to get implementation guidance for a React or Next.js frontend?

Yes, this Skill provides stack-specific implementation advice across 9 technology stacks including React, Next.js, and HTML/Tailwind to translate UI/UX design intelligence into frontend development code.

How do I select the right color palette and font pairings for a SaaS dashboard?

To select colors and fonts for a SaaS dashboard, this Skill evaluates project requirements against 97 color palettes and 57 font pairings to recommend a cohesive, user-friendly visual identity.

Do I need Python 3 to run the UI/UX design intelligence script?

Yes, you need Python 3 installed to execute the `search.py` script, which is the required component for querying the Skill's design system generation and UX issue identification features.

Why does my UI/UX design process lack consistency across different mobile app screens?

Your UI/UX design lacks consistency because it lacks a centralized design system; this Skill identifies UX issues and generates standardized patterns, typography, and color palettes across mobile applications.