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.