ui-ux-pro-max

Generate design systems with color tokens, typography scales, and layout patterns.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves the challenge of maintaining design consistency, accessibility, and professional visual quality across diverse technology stacks and product types.

Core Features & Use Cases

  • Design Intelligence: Access a curated database of 50+ styles, 161 color palettes, and 99 UX guidelines.
  • Stack-Specific Guidance: Get tailored recommendations for 10+ stacks including React, Next.js, SwiftUI, and Flutter.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system including color tokens, typography scales, and layout patterns that align with professional industry standards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new fintech dashboard project.

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

To generate a design system for a SaaS dashboard, you apply UI/UX design intelligence to define color tokens, typography scales, and layout patterns. This ensures your interface maintains professional visual quality and design consistency.

Does UI/UX design intelligence support mobile design for specific tech stacks?

Yes, UI/UX design intelligence supports mobile design across 10+ stacks including React, Next.js, SwiftUI, and Flutter. It provides tailored recommendations to ensure professional-grade interface quality for any stack.

What is the best way to apply accessibility rules to a web design project?

The best way to apply accessibility rules to web design is by leveraging a curated database of 99 UX guidelines. This ensures your design decisions meet professional industry standards and maintain interface accessibility.

How do I find professional color palettes and typography for my UI?

You find professional color palettes and typography for your UI by integrating domain-specific search within the design intelligence system. This provides access to 161 color palettes and 50+ curated visual styles.

Can I use this approach for building a new fintech dashboard interface?

Yes, you can use this approach for building a new fintech dashboard interface. It generates a complete design system with color tokens and layout patterns that align with professional industry standards.

Why does maintaining design consistency across diverse technology stacks matter?

Maintaining design consistency across diverse technology stacks matters because it solves the challenge of preserving accessibility and professional visual quality across different product types. This prevents fragmented user experiences.