ui-ux-pro-max

Search UI/UX guidelines and generate design systems with hierarchical overrides.

1|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/xvawl/template-nextjs --skill ui-ux-pro-max-xvawl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/xvawl/template-nextjs/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/xvawl/template-nextjs --skill ui-ux-pro-max-xvawl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design decisions and system generation can be slow and inconsistent across teams; this skill provides a centralized AI-assisted design system generator and guidelines.

Core Features & Use Cases

  • Automated UI/UX pattern recommendations across 9 tech stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).
  • Multi-domain search to surface styles, colors, typography, and layout patterns.
  • Design system master + per-page overrides persistence for scalable design governance.
  • Real-world use: create a cohesive design system for a new SaaS dashboard quickly, with color palettes and typography guidance.

Quick Start

Generate a complete UI/UX design system for a SaaS dashboard project called Nova.

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

You can generate a cohesive design system for a SaaS dashboard by using automated multi-domain search to surface styles, colors, and typography, which orchestrates a design-system generator to produce reusable rules with hierarchical page overrides.

What is automated UI/UX design guidance and how does it work?

Automated UI/UX design guidance uses parallel BM25-backed multi-domain search across a curated knowledge base to surface design guidelines, color palettes, and layout patterns, handling cross-stack recommendations and accessibility considerations.

Does this UI/UX design generator support Tailwind and shadcn/ui?

Yes, this UI/UX design generator supports Tailwind and shadcn/ui, providing automated pattern recommendations across nine tech stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter.

How do I persist design system rules with page-specific overrides?

You persist design system rules with page-specific overrides by storing generated results in a Master file alongside hierarchical page overrides, ensuring scalable design governance across different application views.

What is the best way to ensure accessibility considerations in a generated design system?

The best way to ensure accessibility considerations in a generated design system is using AI-driven cross-stack recommendations that automatically integrate accessibility rules into the master file and page overrides during multi-domain search.

Why use a multidomain search for generating UI/UX color palettes and typography?

You use multidomain search for generating UI/UX color palettes and typography to concurrently query a curated knowledge base across multiple domains, surfacing comprehensive and consistent design guidelines at scale.