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.