ui-ux-pro-max

Assemble UI/UX design guidance into a cohesive design system.

Updated Dec 22, 2025
One-click install
npx skills add https://github.com/dipenmagdani/portfolio-v2 --skill ui-ux-pro-max-dipenmagdani
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/dipenmagdani/portfolio-v2/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/dipenmagdani/portfolio-v2 --skill ui-ux-pro-max-dipenmagdani

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a centralized, intelligent design framework that guides consistent UI patterns, color usage, typography, and component guidelines across products and platforms to accelerate design decisions and maintain coherence.

Core Features & Use Cases

  • Includes 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks to cover broad design needs.
  • Aggregates multi-domain guidance and applies reasoning to generate a cohesive design system with pattern, color, typography, and effects recommendations.
  • Use Case: Rapidly create a cohesive dashboard design system for a SaaS product, with global rules and optional page-level overrides.

Quick Start

Generate a tailored UI/UX design system for my project by specifying product type, style, and stacks.

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 cohesive design system for web and mobile stacks?

To create a cohesive design system for web and mobile stacks, aggregate multi-domain UI/UX guidance for typography, color, layout, and component patterns to ensure consistent accessibility and design coherence across products.

Can I apply page-level overrides to a global UI design system?

Yes, you can apply page-level overrides to a global UI design system using the Master/Overrides pattern. This allows you to maintain global rules while persisting specific output variations for individual pages.

What is the best way to generate UI/UX recommendations for a SaaS dashboard?

The best way to generate UI/UX recommendations for a SaaS dashboard is to apply reasoning rules to aggregated design data. This matches your specified product type, style, and technology stack to output cohesive guidelines.

Does this design system generator support specific technology stacks?

Yes, the design system generator supports specific technology stacks by providing tailored guidance across 9 stacks. It includes 50+ styles, 97 color palettes, and 25 chart types to cover broad design needs.

How does BM25 search help assemble UI/UX component guidelines?

BM25 search helps assemble UI/UX component guidelines by identifying and retrieving relevant design intelligence across multiple domains. This searched data then informs the reasoning rules to generate a cohesive design system.

Why do I need reasoning rules for generating a UI design system?

You need reasoning rules for generating a UI design system to intelligently filter and synthesize multi-domain guidance. This ensures the final output provides coherent patterns, color usage, typography, and effects recommendations.