ui-ux-pro-max

Generate UI/UX design guidance across 67 styles, 96 palettes, and 57 font pairings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Automates comprehensive UI/UX design guidance and implementation-ready patterns across numerous design systems, reducing decision fatigue and accelerating delivery.

Core Features & Use Cases

  • Extensible catalog: 67 styles, 96 color palettes, 57 font pairings, and 25 chart types across 13 technology stacks.
  • Stack-aware recommendations for websites, dashboards, admin panels, SaaS apps, portfolios, and mobile apps.
  • Accessibility and responsive typography/color guidance integrated into component patterns.
  • Generate complete design system guidance or design handbooks for a given product or project.

Quick Start

Generate a complete design system recommendation for a SaaS dashboard.

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

To generate a design system for a SaaS dashboard, you can use stack-aware recommendations to apply comprehensive UI/UX patterns, color palettes, and typography pairings. This provides implementation-ready guidance and component-level rules.

What's the best way to ensure UI/UX accessibility and responsive layouts across multiple frameworks?

Ensuring UI/UX accessibility and responsive layouts across multiple frameworks is achieved by applying stack-aware design guidance that integrates accessibility and typography harmony directly into component patterns for 13 technology stacks.

Can I get font pairing and color palette recommendations for mobile apps?

Yes, you can get font pairing and color palette recommendations for mobile apps. The system offers an extensible catalog containing 96 color palettes and 57 font pairings tailored for mobile apps across 13 technology stacks.

Does this UI/UX design guidance work for building admin panels and portfolios?

Yes, this UI/UX design guidance works for building admin panels and portfolios. It provides implementation-ready patterns and stack-aware recommendations specifically suited for websites, dashboards, admin panels, SaaS apps, portfolios, and mobile apps.

How do chart types integrate into a UI/UX design system?

Chart types integrate into a UI/UX design system through an extensible catalog offering 25 chart types. These are combined with style and typography guidance to produce implementation-ready patterns for data dashboards and SaaS applications.

Why use automated design guidance instead of manually building a design handbook?

Automated design guidance replaces manually building a design handbook by reducing decision fatigue and accelerating delivery. It automates comprehensive UI/UX guidance across 67 styles and 13 stacks to generate complete design handbooks instantly.