ui-ux-pro-max

Generate design systems for web and mobile applications using Python.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, optimizing the design process for web and mobile applications.

Core Features & Use Cases

  • Design Intelligence: Offers 50+ styles, 97 color palettes, 57 font pairings, and 99 UX guidelines.
  • Technology Stacks: Supports React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.
  • Use Case: Ideal for designing new UI components, choosing color palettes, reviewing code for UX issues, and building landing pages or dashboards.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new project by running the following command: python3 .claude/skills/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system -p "Project Name"

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 new web or mobile application?

To generate a design system, you run the Python search script with your product type, industry, and keywords. The platform outputs tailored design recommendations including color palettes, typography pairings, and UX guidelines for your specific project.

Can I use this UI/UX design tool with React, Next.js, and Tailwind stacks?

Yes, the UI/UX design tool supports technology stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui, providing specific stack guidelines for building components and landing pages.

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

The best way to choose color palettes and font pairings is using the design intelligence platform, which offers 97 color palettes and 57 font pairings with reasoning. It evaluates your dashboard requirements to recommend optimal visual combinations.

Do I need Python to run the ui-ux-pro-max design intelligence scripts?

Yes, you need Python3 installed to run the design intelligence scripts. The skill executes a local Python search script to process your design queries and generate the corresponding design system resources.

How many UX guidelines and design styles are available for mobile design?

For mobile design, the platform provides 50+ styles, 97 color palettes, 57 font pairings, and 99 UX guidelines. These resources assist in optimizing UI components and ensuring adherence to UX best practices.

Why use a design intelligence platform instead of manually selecting web design components?

Using a design intelligence platform automates web design component selection by providing domain-specific searches and reasoning over 99 UX guidelines. It prevents UX issues and accelerates landing page or dashboard creation compared to manual selection.