How does this skill improve UI professionalism?

It enforces strict rules such as using SVG icons instead of emojis, ensuring stable hover states, and maintaining proper contrast ratios for light and dark modes.

Do I need to install Python to use this skill?

Yes, the skill utilizes a Python-based search script to query the design database, so Python 3 must be installed on your system.

What is the default tech stack for this skill?

If a stack isn't specified, the skill defaults to HTML and Tailwind CSS, providing responsive and accessible utility-first styling.

Does this skill support mobile app development?

Yes, UI/UX Pro Max includes specific design intelligence and implementation guidelines for SwiftUI, React Native, and Flutter.

Can it help with landing page structure?

Yes, it features a dedicated 'landing' domain that provides proven structures for hero sections, testimonials, pricing tables, and CTA strategies.

UI/UX Pro Max Design Intelligence

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

byshining319

•

Design Tools

Generates data-driven UI/UX design systems and high-fidelity interfaces using a searchable database of 50+ styles, palettes, and framework-specific patterns.

About

UI/UX Pro Max is a comprehensive design intelligence skill for Claude Code that empowers developers to build professional-grade interfaces without a dedicated designer. It provides searchable access to over 50 design styles, 21 curated color palettes, and 50 typography pairings optimized for 9 different frontend frameworks. By enforcing industry best practices for accessibility, interaction design, and visual consistency—including specific rules for SVG iconography and light/dark mode contrast—this skill ensures that single-person workflows produce polished, production-ready products that adhere to modern UI/UX standards.

Key Features

Framework-specific implementation guides for React, Next.js, Vue, Svelte, and mobile stacks.
Structured UX guidelines and anti-pattern warnings to ensure usability and accessibility.
Searchable database of 50+ UI styles including glassmorphism, minimalism, and brutalism.
Automated design system generation including primary/secondary colors, CTAs, and borders.
6 GitHub stars
Curated typography pairings with direct Google Fonts integration and CSS imports.

Use Cases

Building high-conversion landing pages with industry-standard hero sections and social proof layouts.
Rapidly prototyping a SaaS dashboard with professional color palettes and data visualization recommendations.
Refactoring existing components to improve accessibility, light/dark mode contrast, and interaction states.

About

Key Features

Framework-specific implementation guides for React, Next.js, Vue, Svelte, and mobile stacks.
Structured UX guidelines and anti-pattern warnings to ensure usability and accessibility.
Searchable database of 50+ UI styles including glassmorphism, minimalism, and brutalism.
Automated design system generation including primary/secondary colors, CTAs, and borders.
6 GitHub stars
Curated typography pairings with direct Google Fonts integration and CSS imports.

Use Cases

Building high-conversion landing pages with industry-standard hero sections and social proof layouts.
Rapidly prototyping a SaaS dashboard with professional color palettes and data visualization recommendations.
Refactoring existing components to improve accessibility, light/dark mode contrast, and interaction states.