ui-ux-pro-max

Generate UI/UX design systems with styles, palettes, and font pairings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design teams spend hours crafting cohesive interfaces; this Skill provides AI-assisted guidance and a complete design system across multiple stacks to accelerate delivery.

Core Features & Use Cases

  • 67 styles, 96 color palettes, 57 font pairings, 25 chart types across 13 stacks
  • Multi-domain search with reasoning to assemble cohesive design systems
  • Master/Overrides persistence for page-level overrides and reusability
  • Quick access to pattern recommendations, typography mood, and color strategies

Quick Start

Generate a complete UI/UX design system for a SaaS dashboard project using modern, accessible guidelines.

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 UI/UX design system for a SaaS dashboard?

A UI/UX design system provides reusable component patterns, typography mood, and color strategies to accelerate interface delivery. This AI-assisted approach assembles cohesive systems for web and mobile interfaces across 13 different stacks.

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

Yes, you can apply page-level overrides to a generated design system using the Master/Overrides persistence workflow. This allows you to customize specific interface pages while maintaining the foundational design system rules for reusability.

Does this AI guidance support e-commerce and admin panel interfaces?

Yes, this AI guidance supports e-commerce and admin panel interfaces alongside SaaS, dashboards, and landing pages. It utilizes a multi-domain search to assemble pattern recommendations, color palettes, and font pairings tailored to these specific stacks.

What is the best way to assemble cohesive typography and color strategies for web interfaces?

The best way to assemble cohesive typography and color strategies is using multi-domain search with reasoning across 57 font pairings and 96 color palettes. This AI-driven method ensures your web and mobile interfaces maintain visual consistency.

How do I output my design system for documentation?

You can output your design system for documentation using ASCII box or Markdown representations. These formats allow you to easily integrate the AI-generated UI guidance, pattern recommendations, and design rules into your technical project documentation.