Can I generate a full design system for a new project?

Yes, by using the --design-system flag, the skill analyzes your project requirements to generate a complete visual identity including patterns, styles, colors, and typography.

Does it provide guidance on data visualization?

Yes, it includes a dedicated domain for charts and data, recommending specific chart types and accessible color palettes based on the nature of your data.

How does the skill help with accessibility compliance?

Accessibility is treated as a top-priority rule. The skill provides specific guidelines for color contrast ratios, ARIA labels, focus states, keyboard navigation, and semantic HTML.

Which technology stacks does UI/UX Pro Max support?

It supports a wide range of web and mobile technologies including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

UI/UX Pro Max Design Intelligence

Name: UI/UX Pro Max Design Intelligence
Author: mzf11125

bymzf11125

0•

Herramientas de Diseño

Provides comprehensive UI/UX design guidance, accessibility standards, and implementation patterns across nine modern technology stacks.

UI/UX Pro Max is a specialized design intelligence skill for Claude Code that bridges the gap between raw functional code and polished, professional user interfaces. It offers a searchable database of over 50 design styles, 97 color palettes, and 57 font pairings, alongside critical UX guidelines for accessibility, performance, and responsive layout. By automating the generation of cohesive design systems and providing stack-specific best practices for frameworks like React, Next.js, and Tailwind CSS, it ensures that developers can build production-grade applications with consistent aesthetics and high usability directly from the terminal.

Características Principales

01Multi-stack support for React, Next.js, Vue, Svelte, mobile frameworks, and shadcn/ui.

02Searchable database of 50+ UI styles including Glassmorphism, Bento Grid, and Neumorphism.

03Critical accessibility and performance checklists to ensure high-quality user experiences.

04Automated design system generation with reasoning-based color and typography recommendations.

050 GitHub stars

06Priority-based UX rules covering touch interaction, layout management, and data visualization.

Casos de Uso

01Reviewing existing frontend code to identify and fix accessibility and responsive design issues.

02Generating a cohesive design system for a new SaaS dashboard, landing page, or portfolio.

03Implementing specialized UI styles and interactive charts using framework-specific best practices.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mzf11125/lews-research-binus ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill