ui-ux-pro-max

Generate design systems across nine tech stacks with per-page overrides.

Updated Dec 2, 2025
One-click install
npx skills add https://github.com/bangdcce/SEP492-Project --skill ui-ux-pro-max-bangdcce
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/bangdcce/SEP492-Project/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/bangdcce/SEP492-Project --skill ui-ux-pro-max-bangdcce

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a centralized UI/UX design intelligence resource, enabling teams to quickly access design systems, color palettes, typography, and UX guidelines to accelerate product design across multiple technology stacks.

Core Features & Use Cases

  • Comprehensive design system: 50+ styles, 97 color palettes, 57 font pairings, and 25 chart types across 9 stacks.
  • Guided design workflow: Step-by-step prompts to analyze requirements, generate a design system, and apply rules to pages or components.
  • Use Case: When starting a new dashboard, run the design system generator to select colors, typography, and components aligned to your brand.
  • Provides master design rules with per-page overrides for hierarchical retrieval.

Quick Start

Begin by analyzing your project and invoking the design-system generator: python3 skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system

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 design system for a new web or mobile UI?

To generate a design system, invoke the Python-based search tool with your product type, industry, and keywords to output a Master design file containing color palettes, typography, and component rules. This guided workflow analyzes project requirements and assembles reusable design system rules across nine tech stacks.

What is the best way to manage accessibility reviews and responsive typography across multiple tech stacks?

Managing accessibility reviews and responsive typography across multiple stacks requires a centralized design intelligence resource. This engine provides 57 font pairings and accessibility guidelines, applying master design rules with per-page overrides for hierarchical retrieval and scalable design governance across web and mobile UI planning.

Can I use this design-system generator for dashboard components and chart types?

Yes, you can use this design-system generator for dashboard components and chart types. It provides a library of 25 chart types and component rules aligned to your brand, enabling teams to quickly assemble reusable component libraries and apply design rules to specific pages or components.

Does the design governance engine support per-page overrides for context-aware retrieval?

Yes, the design governance engine supports per-page overrides for context-aware retrieval. It outputs a Master design file alongside specific per-page overrides, enabling hierarchical retrieval so teams can apply scalable design rules while adapting specific page or component contexts.

How do I select a color palette and font pairings aligned to my brand?

To select a color palette and font pairings aligned to your brand, run the design system generator using the Python search tool. It leverages 97 color palettes and 57 font pairings across 9 stacks, applying step-by-step prompts to analyze your requirements and output matching design system rules.