ui-ux-pro-max

Generate design systems with curated palettes, fonts, UX guidelines, and chart types.

Updated Jan 20, 2026
One-click install
npx skills add https://github.com/Bojackxiang/n8n-demo --skill ui-ux-pro-max-bojackxiang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Bojackxiang/n8n-demo/tree/main/.copilot/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Bojackxiang/n8n-demo --skill ui-ux-pro-max-bojackxiang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides AI-assisted, scalable UI/UX design guidance to help teams rapidly assemble robust design systems and guidelines.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Multi-domain search-driven design system generator with rationale and anti-patterns to accelerate product design.
  • Use Case: A product team needs a cohesive dashboard UI; this Skill proposes patterns, color strategies, typography, and component ideas, then persists them for reuse.

Quick Start

Use the ui-ux-pro-max skill to generate a complete design system for your current project and start implementing components, typography, and color schemes.

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 complete UI design system for a web dashboard?

Generate a UI design system by aggregating multi-domain design guidance to propose patterns, color strategies, typography, and components. The generator provides rationale and anti-patterns, then persists Master/Override outputs to accelerate product design.

What is the best way to select color palettes and typography for a mobile app?

Select color palettes and typography by searching a multi-domain library of 97 color palettes and 57 font pairings. This approach provides tailored style selections and persistent overrides to ensure cohesive mobile app UI patterns.

Can I use this design system generator for landing pages and websites?

Yes, you can use this design system generator for landing pages and websites. It applies multi-domain BM25 searches to match style guidelines, chart types, and component ideas specifically tailored for your web product context.

How does automated design system generation handle style overrides?

Automated design system generation handles style overrides using persistent Master/Override outputs. It applies a reasoning-based generator to tailor patterns and components, allowing teams to maintain a base system while applying specific project overrides.

Do I need prior UX guidelines to create a cohesive design system?

You do not need prior UX guidelines to create a cohesive design system. The generator includes 99 UX guidelines and 50+ styles across 9 technology stacks, enabling quick style selection and system assembly without manual research.

Why use a multi-domain search approach for UI component selection?

Use a multi-domain search approach for UI component selection to aggregate diverse design guidance across 9 technology stacks. This ensures your design system receives matched patterns, chart types, and color palettes with clear rationale and anti-patterns.