Does it provide guidance for data visualization and charts?

Yes, it includes recommendations for 25 different chart types and ensures data tables remain accessible for all users.

Can this skill help with web accessibility (A11y) compliance?

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

How do I generate a design system for a new project?

You can use the included search script with the --design-system flag followed by your product keywords to generate a comprehensive visual guide.

Can I save my design system across different coding sessions?

Yes, the skill supports a persistence pattern that creates a Master design file and page-specific overrides to maintain consistency.

What technology stacks does UI/UX Pro Max support?

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

UI/UX Pro Max Design Intelligence

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

byguaderrama

0•

Design Tools

Provides comprehensive design guidelines, color palettes, and component patterns across multiple web and mobile technology stacks.

UI/UX Pro Max is an advanced design intelligence skill for Claude Code that streamlines the frontend development process by providing instant access to 50+ UI styles, 97 color palettes, and 99 UX best practices. It empowers developers to build professional, accessible, and aesthetically pleasing interfaces by offering domain-specific recommendations for layouts, typography, and charts across nine major frameworks, including React, Flutter, and SwiftUI. Whether you are building a SaaS dashboard or a mobile app, this skill ensures your code follows high-impact accessibility and performance standards.

Key Features

010 GitHub stars

02Priority-based UX auditing covering accessibility, touch interaction, and performance

03Automated design system generation tailored to specific industries and product types

04Framework-specific implementation guides for Tailwind, React, Vue, Svelte, and mobile stacks

05Searchable database for font pairings, color palettes, and data visualization components

06Library of 50+ UI styles including glassmorphism, claymorphism, minimalism, and bento grids

Use Cases

01Implementing complex data visualizations with optimized chart types and responsive layouts

02Performing a UX and accessibility audit on existing code to fix contrast and navigation issues

03Generating a complete design system and brand guidelines for a new SaaS landing page or dashboard

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add guaderrama/cabo-health-ai ui-ux-pro-max

For use in Claude.ai and ChatGPT

Download Skill