ui-ux-pro-max

Generate UI design systems with styles, color palettes, and typography recommendations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Comprehensive UI/UX design guidance and design-system planning by aggregating diverse design knowledge into a structured, searchable resource to accelerate decision-making for Claude Code tasks.

Core Features & Use Cases

  • 67 styles across UI patterns (glassmorphism, neumorphism, brutalism, etc.)
  • 96 color palettes and 57 font pairings across 13 technology stacks
  • 25 chart types with accessibility considerations and practical implementation tips
  • Searchable database with priority-based recommendations to build cohesive design systems
  • Use Case: Generate a complete design system for a SaaS dashboard or marketing site with consistent typography, color, and components

Quick Start

Run the design-system generator against your project to receive a complete, ready-to-implement UI design system.

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 project?

Generate a complete UI design system by aggregating design knowledge into a coherent structure, providing style selections, color palettes, and typography recommendations for web and mobile projects. It outputs ready-to-implement guidance in ASCII box or Markdown format.

What is the best way to choose color palettes and font pairings for a SaaS dashboard?

Choosing color palettes and font pairings for a SaaS dashboard is streamlined through a searchable database containing 96 color palettes and 57 font pairings across 13 technology stacks. Priority-based recommendations ensure cohesive visual consistency.

Can I use specific UI styles like glassmorphism and neumorphism in my design guidance?

Yes, you can apply specific UI styles like glassmorphism, neumorphism, and brutalism. The design guidance includes 67 distinct styles across UI patterns, enabling rapid style selection and implementation planning for your project.

Does this design guidance include accessibility considerations for data visualization?

Yes, design guidance includes accessibility considerations for data visualization. It covers 25 chart types with practical implementation tips and accessibility checks, ensuring your visual data remains accessible and compliant within the generated design system.

How do I override design system rules for a specific page?

Override design system rules for a specific page using a Master/Overrides pattern. This allows page-level overrides on top of reasoning-driven design rules, while optional persistence to disk saves your customized configuration.

Why use a searchable database for UI/UX design guidance instead of manual selection?

A searchable database for UI/UX design guidance accelerates decision-making by satisfying multi-domain BM25 searches across styles, palettes, and typography. It replaces manual selection with structured, priority-based recommendations to build cohesive systems rapidly.