How do I generate a complete design system for my project?

Use the --design-system flag with the provided search script, passing your product type and industry keywords to receive comprehensive recommendations on styles, colors, and typography.

What is the primary function of the UI/UX Pro Max skill?

It provides a searchable database of design patterns, color palettes, and UX rules to help Claude generate professional, accessible, and high-performance user interfaces.

Which technology stacks does this skill support?

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

Does this skill help with web accessibility (a11y)?

Yes, accessibility is the skill's highest priority. It provides critical guidelines for color contrast ratios, ARIA labels, keyboard navigation, and focus states.

Can it recommend specific chart types for data visualization?

Yes, it includes a 'chart' domain that recommends the best chart types (trend, comparison, funnel, etc.) based on your specific data requirements.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: seenuraj2007

byseenuraj2007

设计工具

Provides comprehensive UI/UX design intelligence and implementation guidelines across 9 technology stacks.

关于

UI/UX Pro Max is a specialized design intelligence skill for Claude Code that empowers developers to build production-grade interfaces with professional aesthetic standards. It offers a massive database of 50+ visual styles, 97 color palettes, and 57 font pairings, coupled with critical UX rules for accessibility, performance, and responsive layout. Whether you are building a SaaS dashboard, a mobile app, or a high-conversion landing page, this skill provides a structured workflow to generate full design systems and code-specific best practices for popular frameworks like React, Next.js, Tailwind CSS, and mobile environments like SwiftUI and Flutter.

主要功能

Extensive database of palettes, font pairings, and chart types for data visualization.
Automated design system generation tailored to specific industries and product types.
Integrated shadcn/ui search for rapid component selection and implementation.
Support for 9 modern tech stacks including React, Svelte, SwiftUI, and Flutter.
Prioritized UX guidelines focusing on accessibility, touch interaction, and performance.
0 GitHub stars

使用场景

Creating high-conversion landing pages using modern styles like glassmorphism or minimalism.
Building professional SaaS dashboards with accessible data charts and optimized layouts.
Auditing existing frontend code for accessibility gaps and interaction design flaws.

关于

主要功能

Extensive database of palettes, font pairings, and chart types for data visualization.
Automated design system generation tailored to specific industries and product types.
Integrated shadcn/ui search for rapid component selection and implementation.
Support for 9 modern tech stacks including React, Svelte, SwiftUI, and Flutter.
Prioritized UX guidelines focusing on accessibility, touch interaction, and performance.
0 GitHub stars

使用场景

Creating high-conversion landing pages using modern styles like glassmorphism or minimalism.
Building professional SaaS dashboards with accessible data charts and optimized layouts.
Auditing existing frontend code for accessibility gaps and interaction design flaws.