What is the primary benefit of the UI/UX Pro Max skill?

It provides a standardized, data-driven approach to design, helping developers generate professional-grade UI components, color palettes, and typography without needing a dedicated designer.

Which technology stacks are compatible with this skill?

The skill supports 9 primary stacks: HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and shadcn/ui.

Can it help improve web accessibility (a11y)?

Yes, accessibility is the skill's highest priority category (Priority 1), offering specific rules for color contrast, ARIA labels, focus states, and keyboard navigation.

How do I trigger a design system generation?

You can run the search script with the --design-system flag and include keywords describing your product, such as 'fintech dashboard' or 'wellness landing page'.

How does the design system persistence work?

It uses a hierarchical pattern where a MASTER.md file acts as the source of truth, while individual page files in the design-system/pages/ directory can override global rules for specific views.

UI/UX Pro Max - Design Intelligence

Name: UI/UX Pro Max - Design Intelligence
Author: abdealimak

byabdealimak

0•

Design Tools

Provides comprehensive design systems, color palettes, and UX guidelines across nine technology stacks to create professional-grade user interfaces.

UI/UX Pro Max is a specialized design intelligence skill for Claude Code that empowers developers to build production-ready interfaces with ease. It features an extensive library of 50+ styles, 97 color palettes, and 99 UX guidelines prioritized by impact. The skill automates the creation of robust design systems using a CLI-based search tool that generates typography, layout, and accessibility rules tailored to specific platforms like React, Next.js, Flutter, and SwiftUI. By implementing a hierarchical 'Master + Overrides' pattern, it ensures visual consistency across entire projects while allowing for page-specific optimizations, making it an essential tool for building everything from SaaS dashboards to mobile applications.

Key Features

01Automated design system generation with reasoned style and palette recommendations.

02Priority-based UX auditing focusing on accessibility, performance, and interaction.

03Cross-platform support for 9 stacks including React, Next.js, Vue, Svelte, and Flutter.

040 GitHub stars

05Hierarchical design persistence using a Master/Page override architecture.

06Searchable database of 50+ UI styles including Glassmorphism, Minimalism, and Bento Grid.

Use Cases

01Auditing and refactoring existing frontend code for accessibility and performance bottlenecks.

02Building high-conversion landing pages and complex SaaS dashboards from scratch.

03Standardizing design tokens and UI patterns across cross-functional web and mobile teams.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add abdealimak/uiuxskill ui-ux-pro-max

For use in Claude.ai and ChatGPT