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

디자인 도구

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.

주요 기능

Stack-specific guidance for React, Vue, Svelte, SwiftUI, and React Native.
Extensive library of 50+ UI styles including Glassmorphism, Bento, and Minimalism.
Interactive chart and data visualization recommendations for complex dashboards.
Critical accessibility and performance auditing for interactive components.
Automated design system generation tailored to specific industries and products.
0 GitHub stars

사용 사례

Building high-conversion SaaS landing pages with modern design patterns and optimized layouts.
Refactoring existing UI code to meet WCAG accessibility standards and improve mobile responsiveness.
Rapidly 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

Download Skill

GitHub

소개

주요 기능

Stack-specific guidance for React, Vue, Svelte, SwiftUI, and React Native.
Extensive library of 50+ UI styles including Glassmorphism, Bento, and Minimalism.
Interactive chart and data visualization recommendations for complex dashboards.
Critical accessibility and performance auditing for interactive components.
Automated design system generation tailored to specific industries and products.
0 GitHub stars

사용 사례

Building high-conversion SaaS landing pages with modern design patterns and optimized layouts.
Refactoring existing UI code to meet WCAG accessibility standards and improve mobile responsiveness.
Rapidly prototyping data-heavy admin panels with consistent color palettes and typography.