ui-ux-pro-max

Generate unified UI/UX design systems with style, color, typography, and component recommendations.

Updated Mar 22, 2026
One-click install
npx skills add https://github.com/Lin-0096/welove --skill ui-ux-pro-max-lin-0096
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Lin-0096/welove/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Lin-0096/welove --skill ui-ux-pro-max-lin-0096

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI teams often struggle to establish a consistent design system across products, leading to inconsistent UX and wasted time.

Core Features & Use Cases

  • Aggregates 67 styles, 96 palettes, 57 font pairings, 25 chart types across 13 technology stacks to accelerate design decisions.
  • Generates design systems with color, typography, spacing, and accessibility guidelines, plus implementation patterns.
  • Use Case: a SaaS dashboard team can generate a complete design system to align developers and designers quickly.

Quick Start

Generate a design system by prompting the tool with a concise brief like "e-commerce dashboard with accessible typography and vibrant color".

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?

Generate a UI/UX design system by prompting the tool with a concise brief like "SaaS dashboard with accessible typography." It aggregates color palettes, spacing, typography, and accessibility guidelines into a coherent design system tailored to your domain.

What is the best way to establish a consistent design system across multiple products?

Establish a consistent design system by aggregating styles, color palettes, and font pairings into an exportable Master.md file. This unified approach aligns developers and designers, preventing inconsistent UX across multiple product types.

Can I apply specific color palettes and typography overrides to individual landing pages?

Yes, you can apply specific color palettes and typography overrides to individual landing pages. The tool uses a Master/Overrides workflow, allowing optional page-level persistence for style and component recommendations without altering the main design system.

Does the design system generator include accessibility guidelines for mobile apps?

Yes, the design system generator includes accessibility guidelines for mobile apps. It produces color, typography, and component recommendations that satisfy accessibility requirements across mobile apps, dashboards, and landing pages.

How does the Master/Overrides workflow function when generating component recommendations?

The Master/Overrides workflow functions by generating an exportable Master.md file containing core component recommendations. Optional overrides can be applied for specific pages, ensuring flexible design system adaptation while maintaining baseline consistency.