What UI styles are available in the database?

It includes over 50 modern styles such as Glassmorphism, Claymorphism, Bento Grid, Neumorphism, and Brutalism.

How do I generate a full design system using this skill?

You can trigger a comprehensive design system generation by running the search script with the --design-system flag followed by your project keywords.

What frameworks are supported by UI/UX Pro Max?

The skill supports 9 major stacks: HTML-Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and Jetpack Compose.

Can I save my design preferences for future coding sessions?

Yes, by using the --persist flag, the skill creates a MASTER.md design file that ensures consistent styling across different pages and sessions.

Does this skill help with web accessibility (A11y)?

Yes, it prioritizes accessibility as a Level 1 critical rule, providing specific checks for color contrast, ARIA labels, and focus states.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: black8848

byblack8848

0•

Herramientas de Diseño

Provides specialized UI/UX design intelligence, accessibility guidelines, and multi-stack implementation patterns for high-quality frontend development.

UI/UX Pro Max is a comprehensive design companion for Claude Code that equips developers with a searchable database of 50+ UI styles, 97 color palettes, and 57 font pairings. It facilitates the creation of professional-grade interfaces by offering automated design system generation and priority-based UX guidelines ranging from accessibility to performance. Designed for developers building everything from SaaS dashboards to mobile applications, this skill bridges the gap between raw code and polished design by providing specific implementation rules for nine major technology stacks including React, Next.js, Vue, and SwiftUI.

Características Principales

01Critical UX and accessibility audits covering touch targets, color contrast, and keyboard navigation.

02Automated design system generation tailored to specific industries and product types.

03Comprehensive database of 50+ UI styles including Glassmorphism, Bento Grid, and Minimalism.

04Implementation support for 9 technology stacks including Tailwind, React, Flutter, and SwiftUI.

05Hierarchical design persistence for maintaining consistency across multiple project sessions.

060 GitHub stars

Casos de Uso

01Generating a cohesive design system and visual style for a new SaaS landing page or dashboard.

02Rapidly prototyping mobile application interfaces using framework-specific best practices for React Native or Flutter.

03Conducting accessibility and performance reviews on existing UI components to ensure industry standards.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add black8848/blog ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill