ui-ux-pro-max

Generate design systems with prioritized accessibility and interaction rules.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves inconsistent, inaccessible, and poorly performing UI/UX implementations by providing prioritized design rules and implementation guidance across multiple stacks.

Core Features & Use Cases

  • Priority-based UX rule system: Guides design and code review starting with critical accessibility and interaction requirements (e.g., contrast, focus states, touch targets).
  • Reusable design-system generation: Produces a complete design direction (patterns, colors, typography, effects) plus anti-patterns based on product type, industry, and style keywords.
  • Cross-stack recommendations: Tailors guidance to common web and mobile stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).

Quick Start

Tell the AI to generate a UI/UX design system for your product by running: python3 skills/ui-ux-pro-max/scripts/search.py "saas fintech dashboard clean dark mode accessible" --design-system -p "Your Project Name".

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

To generate a UI/UX design system for a SaaS dashboard, define product type and style keywords like 'accessible dark mode'. The system then produces complete design directions including color palettes, typography, and interaction patterns while flagging anti-patterns.

What's the best way to prevent accessibility failures in front-end UI design?

Preventing accessibility failures in front-end UI design requires prioritizing critical rules like contrast, focus states, and touch targets. Applying a priority-based UX rule system ensures these interaction requirements are validated before visual implementation.

Does this UI/UX design guidance work with shadcn-ui and Tailwind?

Yes, this UI/UX design guidance works with shadcn-ui and Tailwind. It provides cross-stack recommendations tailored to common web and mobile stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

Can I persist design-system outputs with page overrides for hierarchical retrieval?

Yes, you can persist design-system outputs with page overrides for hierarchical retrieval. The system optionally saves a master design configuration alongside specific page overrides to maintain consistent visual systems across multiple product pages.

Why does my design system have inconsistent visual patterns across different pages?

Inconsistent visual patterns across different pages usually happen when design rules are not centrally enforced. Generating a reusable design system with defined anti-patterns ensures consistent typography, colors, and effects across the entire product implementation.

How do I create a color palette and typography rules for a fintech application?

Creating a color palette and typography rules for a fintech application involves specifying industry and style keywords like 'fintech clean accessible'. The system generates a matching design direction with corresponding visual rules and anti-patterns.