ui-ux-pro-max

Generate design systems from aggregated UI/UX guidelines and patterns.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/do-zoo/match-screening-cisc --skill ui-ux-pro-max-do-zoo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/do-zoo/match-screening-cisc/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/do-zoo/match-screening-cisc --skill ui-ux-pro-max-do-zoo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a design-guidance engine that consolidates patterns, styles, color palettes, typography, and accessibility considerations into a reusable design system blueprint, helping teams accelerate design decisions across projects and platforms.

Core Features & Use Cases

  • Aggregates UI/UX guidelines, color palettes, typography, and component patterns from diverse sources to produce a cohesive design system.
  • Supports multiple technology stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS) and applies consistent styling, accessibility, and performance considerations across pages.
  • Enables rapid design-system generation, evaluation, and iteration for pages like websites, dashboards, admin panels, and mobile apps.

Quick Start

Generate a complete UI/UX design system recommendation for a SaaS dashboard.

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

To generate a UI design system, aggregate guidelines, color palettes, typography, and component patterns to assemble a cohesive blueprint for your SaaS dashboard. The engine applies reasoning rules to ensure consistent styling across your project.

Does this UI/UX guidance engine support React Native and Flutter stacks?

Yes, the UI/UX guidance engine supports React Native, Flutter, SwiftUI, and web stacks like React, Next.js, Vue, Svelte, and Tailwind. It applies consistent styling, accessibility, and performance considerations across these platforms.

What is the best way to maintain design system overrides across different pages?

The best way to maintain design system overrides is by using the Master/Overrides persistence mechanism. This allows you to apply a base design system while supporting specific overrides for individual pages or components without losing global consistency.

How does the design-system generator apply accessibility and performance rules?

The design-system generator applies accessibility and performance rules by searching domains and utilizing reasoning rules defined in its internal csv configuration. This ensures the assembled system meets necessary accessibility standards across supported stacks.

Can I output the generated design system in both markdown and ascii formats?

Yes, you can output the generated design system in both ascii box and markdown formats. This allows you to easily integrate the design system documentation into your existing project repositories or wikis.

What limitations should I expect when evaluating UI patterns for mobile apps?

When evaluating UI patterns for mobile apps, the system focuses on aggregating styles and accessibility considerations for platforms like SwiftUI and React Native. Limitations depend on the available domain sources and reasoning rules applied during generation.