ui-ux-pro-max

Automate UI/UX decisions for web and mobile apps across tech stacks.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/virusfrog1-code/AVE --skill ui-ux-pro-max-virusfrog1-code
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/virusfrog1-code/AVE/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/virusfrog1-code/AVE --skill ui-ux-pro-max-virusfrog1-code

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max delivers centralized UI/UX decision support for web and mobile apps, reducing guesswork and speeding up design system work.

Core Features & Use Cases

  • Pattern library and guidelines: 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks to inform decisions.
  • Cross-stack guidance: Supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS for consistent design across platforms.
  • Design-system generation & overrides: Produces color tokens, typography moods, component libraries, and a master/override workflow with page-level specificity.

Quick Start

Generate a complete design system 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 design system for a SaaS dashboard?

Design system generation for a SaaS dashboard automates color tokens, typography moods, and component libraries with a master/override workflow. It produces page-level specificity across 10 stacks including React, Vue, and Tailwind.

What's the best way to choose typography and color palettes for web and mobile apps?

Choosing typography and color palettes for web and mobile apps is automated using 161 color palettes and 57 font pairings. It recommends typography moods and color tokens matched to your product type and stack.

Can I use this UI/UX design intelligence with SwiftUI and React Native?

Yes, UI/UX design intelligence supports cross-stack guidance for SwiftUI and React Native, alongside Flutter, Next.js, Svelte, and HTML/CSS. It delivers consistent patterns and component recommendations across all supported platforms.

How do I refactor UI components while maintaining accessibility guidelines?

Refactoring UI components while maintaining accessibility is supported by 99 UX guidelines and 25 chart types. It applies interaction patterns and accessibility checks to ensure your refactored components meet design standards.

Do I need an existing component library to get UI/UX pattern recommendations?

No, an existing component library is not required to get UI/UX pattern recommendations. It provides 50+ styles and 161 product types to inform decisions for new pages or refactoring existing components across multiple tech stacks.

Does this provide an implementation checklist for design system generation?

Yes, design system generation provides an implementation checklist alongside color tokens and typography moods. It ensures your UI/UX decisions are actionable and properly applied across your selected tech stack.