How does the 'Master Design System' feature work?

It creates a persistent MASTER.md file in your repository that acts as the source of truth for design rules, allowing Claude to maintain visual consistency across different coding sessions.

Can this skill help with web accessibility (a11y)?

Yes, accessibility is the skill's highest priority category. It automatically checks and implements color contrast ratios, focus states, ARIA labels, and keyboard navigation.

Does it include specific UI styles like Glassmorphism or Minimalism?

Yes, the skill contains logic for over 50 specific styles including Glassmorphism, Claymorphism, Neumorphism, Bento Grid, and Brutalism.

What frameworks does UI/UX Pro Max support?

It provides optimized guidelines and code for React, Next.js, Vue, Svelte, Tailwind CSS, shadcn/ui, SwiftUI, React Native, Flutter, and Jetpack Compose.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: markky21

bymarkky21

0•

Design Tools

Empowers developers to build production-grade interfaces with automated design systems, accessible palettes, and multi-stack UI guidelines.

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that bridges the gap between raw code and professional aesthetics. It features a searchable database of 50+ design styles, 97 color palettes, and 57 font pairings optimized for 9 major technology stacks including React, Tailwind CSS, and Flutter. The skill automates the creation of a 'Master Design System'—a persistent source of truth that governs accessibility, performance, and interaction patterns—ensuring that every component created is visually cohesive and functionally robust.

Key Features

01Automated 'Master Design System' generation with persistent state management

020 GitHub stars

03Integrated chart and data visualization intelligence with library-specific guidance

04Industry-specific recommendations for SaaS, E-commerce, Fintech, and Healthcare

05Multi-stack support for React, Next.js, Vue, Svelte, SwiftUI, Flutter, and Tailwind CSS

06Priority-based optimization for WCAG accessibility, performance, and touch interactions

Use Cases

01Rapidly scaffolding mobile interfaces with platform-specific UX best practices

02Refactoring existing components to meet high accessibility and performance standards

03Generating a cohesive design language and implementation code for a new SaaS dashboard

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add markky21/claude-skills ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill