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

Use the --design-system flag with the search command followed by your product type and industry keywords to receive a complete visual strategy including reasoning.

Can this skill help with accessibility compliance?

Yes, accessibility is the skill's highest priority, providing critical rules for color contrast, ARIA labels, focus states, and keyboard navigation.

What technology stacks does UI/UX Pro Max support?

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

Is UI/UX Pro Max suitable for mobile app development?

Absolutely. It includes specific guidelines for SwiftUI, React Native, and Flutter, focusing on touch target sizes, gesture interaction, and mobile-first layouts.

UI/UX Pro Max

Name: UI/UX Pro Max
Author: nasirannn

bynasirannn

0•

Herramientas de Diseño

Provides comprehensive UI/UX design intelligence and implementation guidance for professional-grade web and mobile interfaces.

UI/UX Pro Max is a specialized Claude Code skill designed to bridge the gap between functional code and high-fidelity design. It provides a searchable intelligence layer containing over 50 design styles, 97 color palettes, and 57 font pairings tailored for modern tech stacks like React, Svelte, and Flutter. By prioritizing accessibility, interaction patterns, and performance, this skill enables developers to generate and review UI code that adheres to industry-leading standards like glassmorphism and bento grids while ensuring WCAG compliance and responsive integrity.

Características Principales

01Instant generation of comprehensive design systems with patterns, palettes, and typography reasoning.

02Specialized chart and data visualization recommendations for complex dashboards.

03Support for 9 technology stacks including Tailwind CSS, shadcn/ui, SwiftUI, and React Native.

04Searchable database of UI elements like glassmorphism, claymorphism, and neumorphism.

05Priority-based UX audit rules focusing on Accessibility, Touch Interaction, and Performance.

060 GitHub stars

Casos de Uso

01Developing high-conversion landing pages using modern design styles and professional CTA strategies.

02Building accessible enterprise dashboards with complex data tables and optimized chart types.

03Refactoring legacy frontends to improve mobile responsiveness and accessibility (a11y) standards.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nasirannn/makernb ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill