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

Yes, by using the --design-system flag with the search script, the skill generates a comprehensive guide including typography, color scales, and UI effects.

Which technology stacks are compatible with UI/UX Pro Max?

It supports nine primary stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind CSS, and shadcn/ui.

Does it provide specific advice for mobile app development?

Absolutely. It includes dedicated rules for touch target sizes, mobile navigation patterns, and specific stacks like SwiftUI and React Native.

How does the skill handle web accessibility (a11y)?

Accessibility is the skill's highest priority, offering critical guidance on color contrast, focus states, ARIA labels, and keyboard navigation.

UI/UX Pro Max Design Intelligence

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

byclaudiodearaujo

0•

Design Tools

Optimizes frontend development with a comprehensive design intelligence system featuring 50+ styles, accessibility audits, and tech-stack specific implementation patterns.

UI/UX Pro Max is a specialized design intelligence skill for Claude Code that empowers developers to create professional-grade user interfaces without needing a dedicated designer. It provides a vast searchable database of 50+ UI styles, 97 color palettes, and 57 font pairings across 9 major technology stacks including React, Next.js, and Tailwind CSS. The skill automates the creation of cohesive design systems, enforces accessibility standards, and provides performance-optimized code patterns for landing pages, dashboards, and mobile applications. By integrating priority-based UX guidelines, it ensures that every component is responsive, accessible, and visually consistent.

Key Features

01Stack-specific guidance for React, Vue, Svelte, SwiftUI, and React Native.

02Extensive library of 50+ UI styles including Glassmorphism, Bento, and Minimalism.

03Interactive chart and data visualization recommendations for complex dashboards.

04Critical accessibility and performance auditing for interactive components.

05Automated design system generation tailored to specific industries and products.

060 GitHub stars

Use Cases

01Building high-conversion SaaS landing pages with modern design patterns and optimized layouts.

02Refactoring existing UI code to meet WCAG accessibility standards and improve mobile responsiveness.

03Rapidly prototyping data-heavy admin panels with consistent color palettes and typography.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro-front ui-ux-pro-max

For use in Claude.ai and ChatGPT

Key Features

01Stack-specific guidance for React, Vue, Svelte, SwiftUI, and React Native.

02Extensive library of 50+ UI styles including Glassmorphism, Bento, and Minimalism.

03Interactive chart and data visualization recommendations for complex dashboards.

04Critical accessibility and performance auditing for interactive components.

05Automated design system generation tailored to specific industries and products.

060 GitHub stars

Use Cases

01Building high-conversion SaaS landing pages with modern design patterns and optimized layouts.

02Refactoring existing UI code to meet WCAG accessibility standards and improve mobile responsiveness.

03Rapidly prototyping data-heavy admin panels with consistent color palettes and typography.