ui-ux-pro-max

Provide UI/UX design guidelines and style recommendations across technology stacks.

Updated Oct 7, 2025
One-click install
npx skills add https://github.com/JP-Cano/personal-portfolio --skill ui-ux-pro-max-jp-cano
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/JP-Cano/personal-portfolio/tree/main/frontend/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/JP-Cano/personal-portfolio --skill ui-ux-pro-max-jp-cano

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of designing user interfaces and user experiences (UI/UX) by providing a comprehensive set of guidelines, style recommendations, and tools for various tech stacks.

Core Features & Use Cases

  • Comprehensive Guidelines: Offers 99 UX guidelines and 25 chart types across 10 technology stacks.
  • Style Recommendations: Provides 50+ styles, 161 color palettes, 57 font pairings, and 161 product types.
  • Use Case: When designing a new page or component, use this Skill to select an appropriate design system, color palette, typography, and other visual elements.

Quick Start

Search for UI/UX design guidelines for a SaaS dashboard using the ui-ux-pro-max skill.

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 choose a color palette and typography for a UI design system?

To build a UI design system, you can reference curated style recommendations offering 161 color palettes and 57 font pairings to match your visual requirements. This streamlines selecting cohesive typography and colors for your interface.

What are the best UX guidelines for designing a SaaS dashboard?

For a SaaS dashboard, comprehensive UX guidelines provide 99 actionable rules and 161 product type references to standardize the user experience. These guidelines help structure data-heavy interfaces effectively across 10 technology stacks.

Do I need Python to use UI/UX design style recommendations?

Yes, you need Python installed to execute the provided CLI tool for domain-specific design searches. The Python environment powers the retrieval of specific style guides, color palettes, and typography recommendations.

Can I find UI style guides for different technology stacks?

Yes, you can find UI style guides covering 10 different technology stacks to ensure your visual elements align with specific framework constraints. This provides tailored design system recommendations for your chosen stack.

How do I select the right chart types for data visualization UX?

To select chart types for data visualization UX, you can reference a library of 25 chart types tailored to various data patterns. This ensures your UI presents metrics clearly while adhering to standard UX guidelines.