Does this skill help with web accessibility?

Yes, accessibility is the highest priority category, covering color contrast, focus states, ARIA labels, and keyboard navigation.

How do I generate a full design system?

Use the search script with the --design-system flag and a query describing your product type to get comprehensive, reasoning-based recommendations.

Can I use it for mobile app design?

Absolutely. It includes specific guidelines and stacks for SwiftUI, React Native, Flutter, and Jetpack Compose.

Does it provide guidance on UI icons?

Yes, it encourages professional standards like using SVG icons (Lucide, Heroicons) over emojis and maintaining consistent sizing.

What stacks does UI/UX Pro Max support?

It supports 13 major stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Tailwind CSS.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: sudohakan

bysudohakan

•

Herramientas de Diseño

Empowers developers to build professional, accessible, and high-performance UI/UX systems using over 160 curated styles and color palettes.

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that streamlines the frontend development process by providing a searchable database of design patterns, color palettes, and typography. It enables developers to generate complete, industry-specific design systems—from SaaS to fintech—while ensuring compliance with critical accessibility (WCAG) and performance standards. By integrating reasoning-based recommendations and stack-specific guidelines for 13 different technologies including React and Tailwind, it bridges the gap between raw code and polished, production-ready user interfaces.

Características Principales

01Stack-specific implementation guides for React, Next.js, Vue, Svelte, and more.

02Automated design system generation with industry-specific reasoning.

03Access a searchable database of 67 UI styles, 96 palettes, and 57 font pairings.

04Hierarchical design management using master files and page-specific overrides.

05Critical accessibility and touch-interaction enforcement for web and mobile.

062 GitHub stars

Casos de Uso

01Bootstrapping high-converting landing pages for new SaaS products or startups.

02Auditing existing codebases for UI inconsistencies and accessibility violations.

03Designing complex data dashboards with 25+ specialized chart types and layouts.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sudohakan/claude-code-dotfiles ui-ux-pro-max

For use in Claude.ai and ChatGPT

Características Principales

01Stack-specific implementation guides for React, Next.js, Vue, Svelte, and more.

02Automated design system generation with industry-specific reasoning.

03Access a searchable database of 67 UI styles, 96 palettes, and 57 font pairings.

04Hierarchical design management using master files and page-specific overrides.

05Critical accessibility and touch-interaction enforcement for web and mobile.

062 GitHub stars

Casos de Uso

01Bootstrapping high-converting landing pages for new SaaS products or startups.

02Auditing existing codebases for UI inconsistencies and accessibility violations.

03Designing complex data dashboards with 25+ specialized chart types and layouts.